c4a00b6e87
changed headers to divs to avoid bolding, fixed css for mobile again, reformatted text sizing, we use clamp properly now! added css for videos on blog posts, updated blog posts,
70 lines
968 B
CSS
70 lines
968 B
CSS
@import url("reset.css");
|
|
|
|
@font-face{
|
|
font-family:"roboto";
|
|
font-weight: 100;
|
|
src: url("../../fonts/Roboto/RobotoMono-VariableFont_wght.ttf")
|
|
}
|
|
|
|
body{
|
|
color: #ffd256;
|
|
font-family: "roboto";
|
|
background-color: #181818;
|
|
|
|
}
|
|
|
|
h1{
|
|
font-size: clamp(20px, 4vw, 170px);
|
|
height: 20vh;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.textBox{
|
|
text-align: left;
|
|
font-size: 1vw;
|
|
|
|
padding: 2.5vh;
|
|
}
|
|
|
|
.videoEmbed{
|
|
text-align: center;
|
|
}
|
|
|
|
@media (orientation:portrait){
|
|
|
|
h1{
|
|
font-size: 10vw;
|
|
|
|
margin-left: 0vw;
|
|
margin-right: 0vw;
|
|
margin-top: 5vh;
|
|
margin-bottom: 85vh;
|
|
|
|
padding-top: 0.5vh;
|
|
|
|
border-radius: 0;
|
|
|
|
height: 10vh;
|
|
|
|
}
|
|
|
|
h2, h3, h4{
|
|
margin-top: 10vh;
|
|
margin-bottom: 10vh;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
|
|
min-width: inherit;
|
|
max-width: inherit;
|
|
|
|
border-radius: 0;
|
|
|
|
font-size: 2.3vw;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|