Line 75: | Line 75: | ||
#mail:hover { | #mail:hover { | ||
color: #7cbb00; | color: #7cbb00; | ||
+ | } | ||
+ | |||
+ | @media (max-width: 700px) { | ||
+ | .container { | ||
+ | width: 100%; | ||
+ | padding: 0 20px; | ||
+ | } | ||
+ | div#Fsos { | ||
+ | font-size: calc(100vw * 0.0667 + 3.3px); | ||
+ | width: 90%; | ||
+ | margin: auto; | ||
+ | } | ||
+ | div#UnderTitle { | ||
+ | font-size: calc(100vw * 0.0288 + 1.437px); | ||
+ | width: 90%; | ||
+ | margin: auto; | ||
+ | padding: 0; | ||
+ | } | ||
+ | body, #contentBox { | ||
+ | font-size: calc(100vw * 0.01 + 11px); | ||
+ | } | ||
} | } |
Revision as of 18:59, 24 May 2018
.container {
width: 80%; margin: auto;
}
.container-text {
width: 80%; max-width: 800px; margin: auto; padding: 60px 0 40px 0;
}
/* footer stuffs */
footer {
background: var(--background); /* #C6C6C6; */ padding: 30px 20px; min-height: -webkit-max-content; min-height: -moz-max-content; min-height: max-content; font-size: 14px;
}
footer>div {
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
footer #social_media, footer #contact {
display: inline-block; width: -webkit-max-content; width: -moz-max-content; width: max-content; position: relative; margin: 30px; text-align: center;
}
footer h1 {
padding-bottom: 25px;
}
footer i {
font-size: 50px; padding: 5px; -webkit-transition: color 0.5s 0.1s; transition: color 0.5s 0.1s;
}
footer #social_media a {
display: inline-block;
}
- facebook:hover {
color: #3B5998;
}
- twitter:hover {
color: #1da1f2;
}
- linkedin:hover {
color: #0077B5;
}
- instagram:hover {
color: #8a3ab9;
}
- mail:hover {
color: #7cbb00;
}
@media (max-width: 700px) {
.container { width: 100%; padding: 0 20px; } div#Fsos { font-size: calc(100vw * 0.0667 + 3.3px); width: 90%; margin: auto; } div#UnderTitle { font-size: calc(100vw * 0.0288 + 1.437px); width: 90%; margin: auto; padding: 0; } body, #contentBox { font-size: calc(100vw * 0.01 + 11px); }
}