body, html {
height: 100%;
}
#text {
margin-top: 30vh;
text-align: center;
font-size: 15vw;
width: min-content;
}
.inverted {
color: white;
background-color: black;
}
.holder {
font-size: 2em;
line-height: 1em;
}
.howto {
background: #E0E0E0 ;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-top-style: solid;
border-width: .15em;
border-color: #ccc;
padding-bottom: 2em;
}
.notfound {
width: 100%;
height: 100%;
}
#notfound-body {
width: 100%;
min-height: 100%;
margin:0 auto;
}
hr {
border: 0;
height: 0;
width: 75%;
border-top:
1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid #C8C8C8;
}
hr.empty {
padding-top: .5em;
border-top: none;
border-bottom: none;
}
a#url {
color: inherit;
}
a#url:active {
outline: none;
}
h3 {
font-size: 2vw;
}
h2 {
font-size: 5vw;
}
h5 {
text-align: center;
}
body {
}
blockquote {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: "\201C""\201D""\2018""\2019";
width: 35%;
border-top-right-radius: 20px;
}
blockquote:before {
color: #D8D8D8 ;
content: open-quote;
font-size: 3em;
line-height: 0.5em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
.rotate {
/* Safari */
-webkit-transform: rotate(-90deg);
/* Firefox */
-moz-transform: rotate(-90deg);
/* IE */
-ms-transform: rotate(-90deg);
/* Opera */
-o-transform: rotate(-90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}