/*
*/
/*
Palette
rgb(1,0,34)
rgb(30,0,38)
rgb(59,0,42)
rgb(88,0,46)
rgb(117,0,50)
rgb(146,0,54)
rgb(204,0,62)
*/
@media (orientation:portrait){
h1{font-size: 4vh !important;}
h2{font-size: 3.5vh !important}
h3{font-size: 3vh !important;}
h5{font-size: 2vh !important;}
h6{font-size: 1.5vh !important;}
#Menu{
position: fixed;
bottom: 0px;
left: 50%;
transform: translate(-50%, 0%);
background-color: rgb(1,0,34);
width: 100vh;
}
#Footer{
margin-bottom: 5vh;
}
}
/* GENERAL STUFF */
body{
color: #FFFFFF;
background: linear-gradient(rgb(1,0,34) calc(100% - 20vh), rgb(204,0,62) calc(100% - 15vh));
padding: 0px;
overflow-x: hidden;
font-size: max(1vw, 10px);
margin: 0px;
font-family: sans-serif;
/* HEADERS */
h1{font-size: 2vw;}
h2{font-size: 1.75vw; text-decoration: underline;}
h3{font-size: 1.5vw;}
h5{font-size: 1vw;}
h6{font-size: 0.75vw;}
}
span, p{
display: inline-block;
padding: 1%;
font-size: 1.1vw;
text-indent: 1vw;
margin-top: 0px;
margin-bottom: 10px;
}
li{
font-size: 1.1vw;
}
section{
box-sizing: border-box;
width: 100%;
/*background-color: rgb(88,0,46);*/
padding: 2.5vh 2.5vh;
margin-bottom: 10vh;
}
a{
color: #FFFFFF;
&:hover{
color: rgb(204,0,62);
}
}
/* HEADER */
header{
color: #FFFFFF;
width: 100vw; /* REMOVE FOR REAL STUFF */
height: 20vh;
position: relative;
left: 0vw;
top: 0vh;
margin-bottom: 1vw;
overflow: visible;
z-index: 5;
#PH{ /* REMOVE FOR REAL STUFF */
width: 100%;
height: 85%; /* REMOVE FOR REAL STUFF */
background: linear-gradient(rgb(204,0,62) 0%, rgb(1,0,34) 100%);
}
#HText{
position: absolute;
text-align: center;
left: 0%;
right: 0%;
top: 25%;
text-align: center;
}
/* NAVIGATION */
iframe{
width: 100%;
border: none;
height: 10vw;
}
}
main{
margin: auto;
margin-top: 8vw;
margin-bottom: 2vw;
width: 90vw;
max-width: 1500px;
padding: 0px;
min-height: calc(100vh - 29.1vw);
height: fit-content;
}
iframe{
width: 100vw;
height: 11vw;
border: none;
}
.letter{
width: 50vw;
h2:first-of-type{
margin-top: 1vw;
}
h2:has(+ul){
font-size: 1.4vw;
margin-bottom: 0px;
margin-top: 0.75vw;
text-align: left;
}
h2+ul{
padding-left: 1vw;
list-style-type: none;
margin-top: 5px;
margin-bottom: 0px;
li{
font-size: 1vw;
font-style: italic;
}
}
.salutation{
margin-top: 20px;
}
.signOff{
margin-top: 20px;
div:first-of-type{
margin-bottom: 4vw;
}
}
div{
margin-bottom: 1vw;
font-size: 1.2vw;
ul{
padding-left: 2vw;
margin-top: 5px;
li{
font-size: 1.15vw;
ul{
padding-left: 3vw;
margin-top: 0px;
margin-bottom: 10px;
li{
padding-left: 1vw;
text-indent: -1vw;
font-size: 1.1vw;
}
}
}
}
}
}
.centered{
text-align: center;
}
.italic{
font-style: italic;
}