mirror of
https://github.com/PretendoNetwork/website.git
synced 2026-03-30 05:35:21 -05:00
105 lines
1.2 KiB
CSS
105 lines
1.2 KiB
CSS
|
|
/*
|
|
|
|
pretendo.css -
|
|
main css file of the pretendo website
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
for home page only.
|
|
sets the background
|
|
|
|
*/
|
|
.hp-background {
|
|
|
|
-webkit-filter: brightness(30%) grayscale(100%);
|
|
filter: brightness(30%) grayscale(100%);
|
|
min-height: 100%;
|
|
min-width: 100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
|
|
}
|
|
|
|
/*
|
|
|
|
homepage container for the title and stuff
|
|
|
|
*/
|
|
.hp-container {
|
|
|
|
display: flex;
|
|
position: relative;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
text-align: left;
|
|
left: 0%;
|
|
z-index: 100;
|
|
|
|
}
|
|
|
|
/*
|
|
|
|
title text
|
|
|
|
*/
|
|
.title {
|
|
|
|
font-family: "Overpass Mono", monospace;
|
|
font-size: 500%;
|
|
line-height: 0;
|
|
color: white;
|
|
|
|
}
|
|
|
|
/*
|
|
|
|
main text
|
|
|
|
*/
|
|
.text {
|
|
|
|
font-family: "Space Mono", monospace;
|
|
font-size: 150%;
|
|
color: white;
|
|
|
|
}
|
|
|
|
/*
|
|
|
|
font awesome icon container stylings
|
|
|
|
*/
|
|
.icons {
|
|
|
|
margin-top: 10px;
|
|
font-size: 1.75em;
|
|
|
|
}
|
|
|
|
.icons > a:not(:first-child) > .icon, .icons > .icon:not(:first-child) {
|
|
|
|
margin-left: 20px;
|
|
|
|
}
|
|
|
|
.icon {
|
|
|
|
-webkit-transition: color 1s;
|
|
transition: color 1s;
|
|
color: white;
|
|
border: 0;
|
|
|
|
}
|
|
|
|
.icon:hover {
|
|
|
|
color: black;
|
|
|
|
}
|
|
|