rit.wtf/public/css/home.css

109 lines
1.9 KiB
CSS
Raw Permalink Normal View History

2025-02-07 20:35:47 +00:00
#memes {
margin-top: 40px;
img {
height: 200px;
}
}
#motd {
margin-top: 40px;
text-align: center;
font-size: 30px;
font-weight: 1000;
color: aqua;
animation: flash 1s linear infinite;
background-color: black;
}
#links {
.title {
width: fit-content;
background-color: black;
color: orange;
font-size: 30px;
margin-left: 10%;
margin-bottom: 10px;
animation: across 2s linear infinite;
}
.btn {
width: 600px;
margin: 0 auto;
img {
display: block;
margin: 0 auto;
}
}
}
#battery {
margin: 0 auto;
width: fit-content;
margin-top: 40px;
perspective: infinite;
* {
--width: 500px;
width: var(--width);
}
.title, .battery {
position: relative;
>* {
position: absolute;
left: 50%;
animation: cube 2.5s linear infinite;
}
}
.title {
height: 95px;
>* {
background-color: #232323;
color: #fff;
font-size: 40px;
text-align: center;
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #49ff18, 0 0 30px #49ff18, 0 0 40px #49ff18, 0 0 55px #49ff18, 0 0 75px #49ff18;
}
}
.battery {
height: 280px;
}
}
#sanders {
margin-top: 40px;
.title {
text-align: center;
width: 80%;
font-size: 5vh;
padding: 0;
margin: 0;
margin-bottom: 1em;
animation: colorflash 1s linear infinite;
margin-left: 10%;
}
.gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
img {
height: 20vh;
width: 100%;
&:hover {
animation: scale 0.3s linear;
animation-fill-mode: forwards;
}
}
}
}