html{
background-color: black;
color: white;
font-family: 'Roboto', sans-serif;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
div.glassImage{
height: 100vh;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
h1{
padding-top: 0px;
font-family: 'Raleway', sans-serif;
font-weight: 500;
color: white;
text-rendering: optimizeLegibility;
}
div.nav a:link {
color: white;
text-decoration: none;
}
div.nav a:visited {
color: white;
text-decoration: none;
}
div.nav a:hover {
color: white;
text-decoration: none;
}
div.nav a:active {
color: white;
text-decoration: none;
}
div.rotate{
font-family: sans-serif;
font-weight: 500;
font-size: 40px;
color: white;
text-align: center;
align-items: center;
align-self: center;
align-content: center;
padding: 0;
margin: 0 auto;
line-height: 0;
/*animation rules*/
animation-name: idle;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-direction:normal;
animation-timing-function: linear;
}
@keyframes idle {
to {
transform: rotate(0deg);
}
from {
transform: rotate(360deg);
}
}
h1.main{
font-family: 'Raleway', sans-serif;
font-weight: 600;
text-align: center;
line-height: 100vh;
font-size: 100px;
margin-top: 0;
vertical-align: middle;
text-shadow:-2px -2px 0 #000,
2px -2px 0 #000,
-2px 2px 0 #000,
2px 2px 0 #000;
/*Gives a stroke effect*/
}
h1.mainSmall{
font-family: 'Raleway', sans-serif;
font-weight: 600;
text-align: center;
line-height: 100vh;
font-size: 70px;
margin-top: 0;
vertical-align: middle;
text-shadow:-2px -2px 0 #000,
2px -2px 0 #000,
-2px 2px 0 #000,
2px 2px 0 #000;
/*Gives a stroke effect*/
}
h1.titlething{
text-align: center;
font-size: 70px
}
div.makeAGap{
line-height: 10vh;
color: rgba(0, 0, 0, 0);
}
div.frontPageMargins{
margin-left: 25vh;
margin-right: 25vh;
}
div.swipethru {
line-height: 10px;
}
b {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 24px;
}
div.bodyBox{
display: block;
margin-left: 20vw;
margin-right: 20vw;
}
a {
color: gray;
text-decoration:none;
font-weight:500;
font-family: Raleway, sans-serif;
transition-duration: 0.25s;
}
a:hover {
color: rgb(50, 50, 50);
text-decoration:underline;
font-weight:500;
font-family: Raleway, sans-serif;
}
a:visited {
color: rgb(175, 175, 175);
text-decoration:none;
font-weight:500;
font-family: Raleway, sans-serif;
transition-duration: 0.25s;
}
h2 {
font-size:40px;
font-family: Raleway, sans-serif;
font-weight: 700;
}
* {
margin: 0;
}
html, body {
height: 100%;
}
@keyframes lookingForOther {
from {
transform: translateY(0px);
color: rgba(255, 255, 255, 0);
}
4% {
color: white;
}
5% {
transform: translateY(25px);
}
7.5% {
transform: translateY(25px);
}
9% {
transform: translateY(0px);
}
10% {
transform: translateY(10px);
}
11% {
transform: translateY(0px);
}
12% {
transform: translateY(5px);
}
13% {
transform: translateY(0px);
}
75% {
color: white;
}
to {
color: rgba(255, 255, 255, 0);
}
}
.nav:before {
content: "Hi, this website is no longer a thing I update, but I'm leaving it up as an archive sorta thing. If you wanna see what I'm up to these days, go to https://delcan.fanlink.to/me/. Thank you!";
text-align: center;
width: 100vw;
height: 50px;
position: fixed;
display: block;
background: black;
top: 125px;
line-height: 50px;
}