web-general/css/style.css

76 lines
2.2 KiB
CSS

body {
font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
a {
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease; }
a, a:hover {
text-decoration: none !important; }
.content {
height: 70vh; }
.footer-20192 {
position: relative;
color: #fff;
padding: 7rem 0;
background-color: #4C2447; }
.footer-20192 .container {
position: relative; }
.footer-20192 h3 {
font-size: 16px;
margin-bottom: 10px;
margin-top: 0;
line-height: 1.5; }
.footer-20192 .links li {
margin-bottom: 10px;
line-height: 1.5;
display: block; }
.footer-20192 .links li a {
color: #F4C430; }
.footer-20192 .links li a:hover {
color: #fff; }
.footer-20192 .social li {
display: inline-block;
position: relative; }
.footer-20192 .social li a {
position: relative;
width: 40px;
height: 40px;
border-radius: 50%;
display: inline-block;
margin: 0;
padding: 0;
background-color: #F4C430;
color: #fff; }
.footer-20192 .social li a > span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.footer-20192 .footer-logo {
color: #fff;
font-size: 20px;
text-transform: uppercase;
letter-spacing: .1rem; }
.footer-20192 .copyright {
color: #ffffff; }
.footer-20192 .cta {
-webkit-box-shadow: -20px -20px 0 0 rgba(52, 58, 64, 0.2);
box-shadow: -20px -20px 0 0 rgba(52, 58, 64, 0.2);
padding: 20px;
background-color: #F4C430;
top: -150px;
position: relative; }
.footer-20192 .cta h2, .footer-20192 .cta h3 {
line-height: 1.5; }
.footer-20192 .cta h3 {
font-size: 20px; }