personal-website/css/about.css

109 lines
1.7 KiB
CSS
Raw Normal View History

body {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
align-content: center;
width: 100%;
height: 100%;
padding: 0 0 0 0;
margin: 0 0 0 0;
overflow: hidden;
background-color: black;
}
.overlay {
width: 100%;
height: 100vh;
position: fixed;
opacity: 0.03;
z-index: 1;
background-image: url("/img/noise.gif");
}
.outerdiv {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
align-content: center;
width: 90%;
height: 100vh;
background-color: #091519;
flex-direction: column;
}
.contentholder {
justify-content: flex-start;
}
.contentholder div {
width: 30em;
margin: 1% 0;
}
.contentholder .contentholder__topfiller {
height: 5%;
background-color: transparent;
}
.content {
z-index: 100;
}
h1 {
color: #F5A9B8;
font-family: serif;
font-size: xx-large;
margin: 5px 5px;
text-align: center;
}
h2 {
color: #FFFFFF;
font-family: serif;
font-size: medium;
margin-top: -8px;
text-align: center;
}
p, li {
color: #FFFFFF;
font-family: sans-serif;
font-size: large;
text-align: left;
margin: 5px 0px;
}
ol {
margin: 0px 0px;
}
li {
list-style-type: none;
}
li:before {
content: "- ";
}
@keyframes gradient-bg {
from {
background-position: 0%;
}
to {
background-position: 100%;
}
}
mark.rainbow, mark.internet {
background-image: repeating-linear-gradient(to left, red, violet, indigo, blue, green, yellow, orange, red, violet);
background-size: 1000% 1000%;
color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: gradient-bg 4s linear infinite;
}
mark.internet {
font-weight: bold;
}
/*# sourceMappingURL=about.css.map */