CSS cleanup
This commit is contained in:
		
							parent
							
								
									040a64f99a
								
							
						
					
					
						commit
						175c016d40
					
				| 
						 | 
					@ -19,10 +19,6 @@
 | 
				
			||||||
 | 
					
 | 
				
			||||||
body {
 | 
					body {
 | 
				
			||||||
    font-family: 'Libre Franklin', sans-serif;
 | 
					    font-family: 'Libre Franklin', sans-serif;
 | 
				
			||||||
    /* font-size: 20px; */
 | 
					 | 
				
			||||||
    /* display: flex;
 | 
					 | 
				
			||||||
    flex-direction: column;
 | 
					 | 
				
			||||||
    align-items: center; */
 | 
					 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.flexContainer {
 | 
					.flexContainer {
 | 
				
			||||||
| 
						 | 
					@ -40,9 +36,7 @@ body {
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.logoSection img {
 | 
					.logoSection img {
 | 
				
			||||||
    /* text-align: center; */
 | 
					 | 
				
			||||||
    width: 66%;
 | 
					    width: 66%;
 | 
				
			||||||
    /* height: auto; */
 | 
					 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.titleSection {
 | 
					.titleSection {
 | 
				
			||||||
| 
						 | 
					@ -51,8 +45,6 @@ body {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.titleSection p {
 | 
					.titleSection p {
 | 
				
			||||||
    text-align: center;
 | 
					    text-align: center;
 | 
				
			||||||
    /* display: flex;
 | 
					 | 
				
			||||||
    align-items: center; */
 | 
					 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.titleSection .line1 {
 | 
					.titleSection .line1 {
 | 
				
			||||||
| 
						 | 
					@ -75,7 +67,6 @@ body {
 | 
				
			||||||
.formSection {
 | 
					.formSection {
 | 
				
			||||||
    margin: 1.6rem 0 0 0;
 | 
					    margin: 1.6rem 0 0 0;
 | 
				
			||||||
    text-align: center;
 | 
					    text-align: center;
 | 
				
			||||||
    /* width: 100%; */
 | 
					 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.formSection form {
 | 
					.formSection form {
 | 
				
			||||||
| 
						 | 
					@ -129,13 +120,10 @@ body {
 | 
				
			||||||
    margin-top: 3.4rem;
 | 
					    margin-top: 3.4rem;
 | 
				
			||||||
    text-align: center;
 | 
					    text-align: center;
 | 
				
			||||||
    width: 95%;
 | 
					    width: 95%;
 | 
				
			||||||
    /* display: flex;
 | 
					 | 
				
			||||||
    justify-content: center; */
 | 
					 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.imageSection img {
 | 
					.imageSection img {
 | 
				
			||||||
    width: 100%;
 | 
					    width: 100%;
 | 
				
			||||||
    /* height: auto; */
 | 
					 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
footer {
 | 
					footer {
 | 
				
			||||||
| 
						 | 
					@ -145,9 +133,7 @@ footer {
 | 
				
			||||||
    width: 100vw;
 | 
					    width: 100vw;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
.socialButtonsSection {
 | 
					.socialButtonsSection {
 | 
				
			||||||
    /* margin-top: auto; */
 | 
					 | 
				
			||||||
    margin-bottom: 1.35rem;
 | 
					    margin-bottom: 1.35rem;
 | 
				
			||||||
    font-size: 20px;
 | 
					 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.socialButtonsSection a {
 | 
					.socialButtonsSection a {
 | 
				
			||||||
| 
						 | 
					@ -171,22 +157,11 @@ footer {
 | 
				
			||||||
.attribution a i { color: hsl(228, 45%, 44%); }
 | 
					.attribution a i { color: hsl(228, 45%, 44%); }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@media screen and (max-width: 600px) {
 | 
					@media screen and (max-width: 600px) {
 | 
				
			||||||
    /* body {
 | 
					 | 
				
			||||||
        width: 90%;
 | 
					 | 
				
			||||||
        align-content: center;
 | 
					 | 
				
			||||||
        align-items: center;
 | 
					 | 
				
			||||||
    }  */
 | 
					 | 
				
			||||||
    .flexContainer {
 | 
					    .flexContainer {
 | 
				
			||||||
        /* text-align: center;
 | 
					 | 
				
			||||||
        width: 50vw; */
 | 
					 | 
				
			||||||
        /* max-width: 85%; */
 | 
					 | 
				
			||||||
        width: 90vw;
 | 
					        width: 90vw;
 | 
				
			||||||
        height: 100vh;
 | 
					        height: 100vh;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    /* .formSection form {
 | 
					 | 
				
			||||||
    } */
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    .formSection button {
 | 
					    .formSection button {
 | 
				
			||||||
        margin-top: 0.45rem;
 | 
					        margin-top: 0.45rem;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
| 
						 | 
					@ -227,7 +202,6 @@ footer {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    .formSection {
 | 
					    .formSection {
 | 
				
			||||||
        margin: 2rem 0 0 0;
 | 
					        margin: 2rem 0 0 0;
 | 
				
			||||||
        text-align: center;
 | 
					 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    .formSection form {
 | 
					    .formSection form {
 | 
				
			||||||
| 
						 | 
					@ -241,7 +215,6 @@ footer {
 | 
				
			||||||
        width: calc(100% - 46px);
 | 
					        width: calc(100% - 46px);
 | 
				
			||||||
        font-size: 17px;
 | 
					        font-size: 17px;
 | 
				
			||||||
        font-weight: 300;
 | 
					        font-weight: 300;
 | 
				
			||||||
        border: 2px solid var(--site-paleBlue);
 | 
					 | 
				
			||||||
        padding: 0.8rem 0;
 | 
					        padding: 0.8rem 0;
 | 
				
			||||||
        padding-left: 20px;
 | 
					        padding-left: 20px;
 | 
				
			||||||
        padding-right: 20px;
 | 
					        padding-right: 20px;
 | 
				
			||||||
| 
						 | 
					@ -262,15 +235,6 @@ footer {
 | 
				
			||||||
        width: 89%;
 | 
					        width: 89%;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
    
 | 
					    
 | 
				
			||||||
    .socialButtonsSection {
 | 
					 | 
				
			||||||
        margin-bottom: 1.35rem;
 | 
					 | 
				
			||||||
        font-size: 20px;
 | 
					 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
    
 | 
					 | 
				
			||||||
    .socialButtonsSection .fa-stack {
 | 
					 | 
				
			||||||
        font-size: 15px;
 | 
					 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
    
 | 
					 | 
				
			||||||
    .copyright {
 | 
					    .copyright {
 | 
				
			||||||
        font-size: 12px;
 | 
					        font-size: 12px;
 | 
				
			||||||
        margin-bottom: 1.75rem;
 | 
					        margin-bottom: 1.75rem;
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Reference in New Issue