Moved files
This commit is contained in:
		
							
								
								
									
										75
									
								
								src/style.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										75
									
								
								src/style.css
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,75 @@
 | 
			
		||||
body {
 | 
			
		||||
    display: flex;
 | 
			
		||||
    flex-wrap: wrap;
 | 
			
		||||
    justify-content: center;
 | 
			
		||||
 | 
			
		||||
    background-size: cover;
 | 
			
		||||
    background-repeat: no-repeat;
 | 
			
		||||
    background-image: url("./images/background.jpg");
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#title {
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    justify-content: center;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#mobile-title {
 | 
			
		||||
    display: none;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#swiper-container {
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    justify-content: center;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#counter-container {
 | 
			
		||||
    display: flex;
 | 
			
		||||
    margin-top: 5vh;
 | 
			
		||||
    justify-content: center;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#counter-container > span {
 | 
			
		||||
    color: white;
 | 
			
		||||
    font-weight: bold;
 | 
			
		||||
    font-size: large    ;
 | 
			
		||||
    font-family: sans-serif;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.swiper {
 | 
			
		||||
    width: 500px;
 | 
			
		||||
    height: 400px;
 | 
			
		||||
    margin-top: 20vh;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.photo-container {
 | 
			
		||||
    width: 500px;
 | 
			
		||||
    height: 400px;
 | 
			
		||||
 | 
			
		||||
    display: flex;
 | 
			
		||||
    justify-content: center;
 | 
			
		||||
    align-content: center;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@media screen and (max-width: 1024px) {
 | 
			
		||||
 | 
			
		||||
    body {
 | 
			
		||||
        background-image: url("./images/mobile-background.jpg");
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    #title {
 | 
			
		||||
        display: none;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    #mobile-title {
 | 
			
		||||
        display: flex;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    .photo-container {
 | 
			
		||||
        width: 300px;
 | 
			
		||||
        height: 300px;
 | 
			
		||||
        margin-left: 15vw;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
		Reference in New Issue
	
	Block a user