initial commit
This commit is contained in:
@@ -0,0 +1,103 @@
|
||||
:root {
|
||||
--background: #151515;
|
||||
--secondary-background: #111111;
|
||||
--main-color: #850000;
|
||||
--main-hover-color: #258efe;
|
||||
--discord-col: #7289DA;
|
||||
--paypal: #253B80;
|
||||
}
|
||||
.icon {
|
||||
transition: linear 0.3s;
|
||||
}
|
||||
.btn:hover .icon {
|
||||
color: var(--main-color);
|
||||
}
|
||||
|
||||
.icon2 {
|
||||
transition: linear 0.3s;
|
||||
}
|
||||
.btn2:hover .icon2 {
|
||||
color: var(--main-color);
|
||||
}
|
||||
|
||||
.iconB {
|
||||
transition: linear 0.3s;
|
||||
}
|
||||
.btnB:hover .iconB {
|
||||
color: black;
|
||||
}
|
||||
|
||||
input::placeholder {
|
||||
color: rgb(207, 203, 202);
|
||||
}
|
||||
input:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
max-width: 600px;
|
||||
margin: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.drop-in1 {
|
||||
transition: linear;
|
||||
animation: drop-in 1s ease 200ms backwards;
|
||||
animation-delay: 500ms; /* Add a 500ms delay before starting the animation */
|
||||
}
|
||||
.drop-in2 {
|
||||
transition: linear;
|
||||
animation: drop-in 1s ease 200ms backwards;
|
||||
animation-delay: 1000ms; /* Add a 500ms delay before starting the animation */
|
||||
}
|
||||
.drop-in3 {
|
||||
transition: linear;
|
||||
animation: drop-in 1s ease 200ms backwards;
|
||||
animation-delay: 1500ms; /* Add a 500ms delay before starting the animation */
|
||||
}
|
||||
.drop-in4 {
|
||||
transition: linear;
|
||||
animation: drop-in 1s ease 200ms backwards;
|
||||
animation-delay: 2000ms; /* Add a 500ms delay before starting the animation */
|
||||
}
|
||||
.drop-in5 {
|
||||
transition: linear;
|
||||
transform: perspective(300px) rotateY(-2deg);
|
||||
animation: drop-in 1s ease 100ms backwards;
|
||||
animation-delay: 1300ms; /* Add a 500ms delay before starting the animation */
|
||||
}
|
||||
.drop-in6 {
|
||||
transition: linear;
|
||||
animation: drop-in 1s ease 200ms backwards;
|
||||
animation-delay: 3000ms; /* Add a 500ms delay before starting the animation */
|
||||
}
|
||||
.drop-in7 {
|
||||
transition: linear;
|
||||
animation: drop-in 1s ease 200ms backwards;
|
||||
animation-delay: 3200ms; /* Add a 500ms delay before starting the animation */
|
||||
}
|
||||
.drop-in8 {
|
||||
transition: linear;
|
||||
animation: drop-in 1s ease 200ms backwards;
|
||||
animation-delay: 4000ms; /* Add a 500ms delay before starting the animation */
|
||||
}
|
||||
|
||||
@keyframes drop-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-100px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translate(0px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.even {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
Reference in New Issue
Block a user