- footerWrapper{
width: 100%; border-top: solid 25px #6281ef;
font-family: Lato, sans-serif;
text-transform:uppercase
}
- upperFooter{
height: 160px; background-color:#fafafc; display:flex;
}
- upperFooter #contacts{
width: 40%; height:100%; display:flex; align-items:center
}
- upperFooter #contacts #image-placeholder{
background-color:#fcbd1b; height:100px; width:100px; border-radius:100px; margin-left:60px; margin-right:30px;
}
- upperFooter #contacts #igem-info{
display:flex; height:70%; font-size: 0.8em; padding-left:30px; border-left:solid 2px #121212;
}
- upperFooter #contacts p{
font-size: 0.9em; text-transform: initial;
font-family: Lato, sans-serif; }
- upperFooter #contacts #igem-info #contactus{
padding-right:20px
}
- upperFooter #contacts #igem-info div{
padding-top:10px
}
- upperFooter #sponsors{
width: 60%; height:100%;
/* background-color:#333; */
display:flex; align-items:center; box-sizing:border-box; padding-left:40px; padding-right:40px
}
- upperFooter #sponsors #mainSponsors{
width: 35%; height:90%; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; gap: 10px 10px;
} .mainS{
padding:5px; box-sizing:border-box; background-color:#222
}
- upperFooter #sponsors #otherSponsors{
width: 65%; height:70%;
/* background-color:#555; */
margin-left:10px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 10px 10px;
} .otherS{
background-color:#222
}
- lowerFooter{
background-color:#121212; color: #fafafc; display: flex; padding-bottom:30px;
height:250px; box-sizing:border-box }
- lowerFooter ul{
list-style:none; padding-inline-start: 0;
margin: 0; }
- lowerFooter h2{
padding-bottom:20px
}
- lowerFooter div{
padding: 40px; font-size:smaller
}
- footerWrapper #lowerFooter a{
text-decoration: none; transition-duration:0.2s; color:#fafafc; text-transform: capitalize; font-weight:100; line-height:2em
}
- footerWrapper #lowerFooter a:active,
- footerWrapper #lowerFooter a:focus,
- footerWrapper #lowerFooter a:visited{
color:#fafafc
}
- footerWrapper #lowerFooter a:hover{
color:rgba(255,255,255,0.4);
text-decoration:none }
- projectList{
/* display:grid; */
columns:2
}