81 lines
1.2 KiB
CSS
81 lines
1.2 KiB
CSS
.footer{
|
|
width: 100%;
|
|
height: 60vh;
|
|
background: #1A2B3B;
|
|
}
|
|
|
|
.footer-list{
|
|
width: 90%;
|
|
height: 95%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
box-sizing: border-box;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.footer-list-item{
|
|
width: 20vw;
|
|
height: 90%;
|
|
list-style: none;
|
|
/* background: palegoldenrod; */
|
|
text-align: center;
|
|
padding-top: 12vh;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.footer-logo{
|
|
width: 8vw;
|
|
}
|
|
|
|
.footer-list-item-text{
|
|
width: 100%;
|
|
font-size: 0.89vw;
|
|
color: rgba(255, 255, 255, 0.5);
|
|
text-align: justify;
|
|
/* padding-top: 2vh; */
|
|
box-sizing: border-box;
|
|
line-height: 3vw;
|
|
}
|
|
|
|
.item-textBOX{
|
|
padding-top: 10vh;
|
|
width: 19vw;
|
|
}
|
|
.item-nav{
|
|
color: #fff;
|
|
padding-top: 10vh;
|
|
text-align: left;
|
|
padding-left: 5vw;
|
|
}
|
|
|
|
.item-nav p:nth-of-type(1){
|
|
font-size: 1.5vw;
|
|
font-weight: 400;
|
|
|
|
|
|
}
|
|
|
|
.item-nav p:nth-of-type(2) a{
|
|
font-size: 0.8vw;
|
|
color: rgba(255, 255, 255, 0.5);
|
|
|
|
text-decoration: none;
|
|
}
|
|
|
|
.item-nav p:nth-of-type(3) a{
|
|
font-size: 0.8vw;
|
|
color: rgba(255, 255, 255, 0.5);
|
|
|
|
text-decoration: none;
|
|
}
|
|
|
|
.item-nav p a:hover{
|
|
color: #4885FD;
|
|
}
|
|
|
|
/* .footer-list-item img{
|
|
width: 100%;
|
|
height: 100%;
|
|
} */
|