:root
{
--ui: #efb52a; --ui-marked: #ffed63; --bg: #e3e691; --filter: invert(57%) sepia(80%) saturate(429%) hue-rotate(35deg) brightness(109%) contrast(107%); }
#download_button
{
position: absolute;
margin-left: 620px;
font-size: 16px;
text-decoration: none;
text-align: center;
line-height: 1.1;
color: black;
top: 163px;
width: 85px;
background-color: var(--ui-marked);
padding: 6px;
padding-top: 4px;
padding-bottom: 8px;
border-style: solid;
border-color: #c89100;
border-width: 2px;
border-radius: 7px;
}
#contact
{
padding-right: 40px;
padding-left: 100px;
text-align: left;
}
h2
{
text-align: center;
font-size: 25px;
padding-top: 5%;
padding-bottom: 2%;
}
article ul
{
padding-right: 40px;
padding-left: 100px;
}
li p
{
display: inline;
}
article li
{
padding-bottom: 5px;
}
.list_prompt
{
margin-left: -100px;
}
.spotless li
{
display: block;
padding-bottom: 25px;
}
.p1
{ margin-right: 25px;
}
.p2
{ margin-right: 25px;
}
.p3
{ margin-right: 25px;
}
.p4
{ margin-right: 9px;
}
.p5
{ margin-right: 9px;
}
.p6
{ margin-right: 6px;
}
.p7
{ margin-right: 69px;
}
.p8
{ margin-right: 57px;
}
.p9
{ margin-right: 58px;
}
article
{
padding-bottom: 12%;
}
@media only screen and (max-width: 1080px)
{
#icon-outer-small-svg
{
display: none;
}
#icon-outer-small-png
{
display: none;
}
#download_button
{
top: 240px;
right: 5vw;
margin-left: 100px;
font-size: 18px;
line-height: 1.2;
width: 95px;
padding: 12px;
padding-top: 8px;
padding-bottom: 10px;
border-width: 3px;
border-radius: 10px;
}
h2
{
text-align: center;
font-size: 29px;
padding-top: 5%;
padding-bottom: 2%;
}
.list_prompt
{
display: block;
font-size: 24px;
margin-left: 0px;
margin-bottom: 5px;
}
}
@media only screen and (max-width: 900px)
{
article
{
padding-bottom: 18%;
}
}
@media only screen and (max-width: 831px)
{
#contact
{
padding-right: 20px;
padding-left: 50px;
}
article ul
{
padding-right: 20px;
padding-left: 50px;
}
}
@media only screen and (max-width: 755px)
{
#download_button
{
position: relative;
top: 0px;
right: auto;
margin-left: 50px;
font-size: 20px;
width: 180px;
padding: 14px;
padding-top: 9px;
padding-bottom: 12px;
border-width: 3px;
border-radius: 10px;
}
}
@media only screen and (max-width: 630px)
{
article
{
padding-bottom: 25%;
}
}
@media only screen and (max-width: 614px)
{
#contact
{
padding-right: 0px;
padding-left: 40px;
}
article ul
{
padding-right: 0px;
padding-left: 40px;
}
#download_button
{
margin-left: 40px;
}
}
@media only screen and (orientation: portrait)
{
h2
{
font-size: 32px;
padding-bottom: 5%;
}
.list_prompt
{
font-size: 30px;
}
article
{
padding-bottom: 350px;
}
}