peer-at-code-landing/style.css
2023-05-10 14:10:58 +02:00

81 lines
No EOL
1.1 KiB
CSS

@font-face {
font-family: "VG5000";
src: url("VG5000-Regular_web.ttf");
}
body {
background-color: #000000;
color: #ffffff;
font-family: VG5000;
}
h1 {
font-weight: 500;
font-size: 3.75rem;
margin-bottom: 0;
}
p {
font-size: 2rem;
}
.lead {
color:gray;
}
#screen {
font-weight: 500;
font-size: 3.75rem;
}
#prompt.idle {
animation: blink 1100ms linear infinite;
-webkit-animation: blink 1100ms linear infinite;
}
#start {
color: white;
text-decoration:none;
}
@keyframes blink {
49% {opacity: 1;}
50% {opacity: 0;}
89% {opacity: 0;}
90% {opacity: 1;}
}
@-webkit-keyframes blink {
49% {opacity: 1;}
50% {opacity: 0;}
89% {opacity: 0;}
90% {opacity: 1;}
}
#content {
position: absolute;
min-height: 100vh;
z-index: 1;
margin-right:10%;
}
.landing {
min-height: 100vh;
text-align: center;
}
.v-align {
display: flex;
align-items: center;
justify-content: center;
}
img {
max-width: calc(70vw - 2em);
/*fqsRsuy{4D07X3h h07 M17X 51CF13 C47X}*/
max-height: 40vh;
margin-left: auto;
position: absolute;
bottom: 1em;
left: 1em;
right: 1em;
border-radius: 20px;
z-index: 0;
}
.signal {
display: none
}