scaffolding/intro/assets/css/main.scss
@import 'variables/*';
body {
background-color: $black;
color: $white;
font-family: 'Lato', sans-serif;
font-weight: 200;
padding: 0;
margin: 0;
}
.center_block {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bottom_block {
text-align: center;
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
}
.screen {
height: 100vh;
position: relative;
&.half {
height: 50vh;
}
&.color1 {
background-color: $color1;
}
&.color2 {
background-color: $color2;
}
}
// animations
.vertical_pulsate {
animation: vertical_pulsate 3s infinite;
}
@keyframes vertical_pulsate {
0% { transform: translate(-50%, 0px); }
80% { transform: translate(-50%, 0px); }
85% { transform: translate(-50%, 10px); }
90% { transform: translate(-50%, 0px); }
95% { transform: translate(-50%, 10px); }
100% { transform: translate(-50%, 0px); }
}
// typography
p {
font-size: 20px;
margin-bottom: 10px;
margin-top: 0px;
}
a {
color: $white;
}
.huge {
font-size: 75px;
font-weight: 100;
}
// lists
ul {
text-align: left;
}
li {
list-style-type: none;
}