|
|
|
@ -16,7 +16,58 @@
|
|
|
|
|
|
|
|
|
|
|
|
h1,
|
|
|
|
h1,
|
|
|
|
h2,
|
|
|
|
h2,
|
|
|
|
|
|
|
|
th,
|
|
|
|
|
|
|
|
td,
|
|
|
|
p {
|
|
|
|
p {
|
|
|
|
font-family: "Fauna", sans-serif;
|
|
|
|
font-family: "Fauna", sans-serif;
|
|
|
|
color: white;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.btn{
|
|
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
width: 130px;
|
|
|
|
|
|
|
|
height: 60px;
|
|
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.btn:before, .btn:after{
|
|
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
inset: 0;
|
|
|
|
|
|
|
|
transition: 0.5s;
|
|
|
|
|
|
|
|
background: #f00;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.btn:nth-child(1):before, .btn:nth-child(1):after{
|
|
|
|
|
|
|
|
background: linear-gradient(45deg, #00ccff, #0e1538, #d400d4);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.btn:nth-child(2):before, .btn:nth-child(2):after{
|
|
|
|
|
|
|
|
background: linear-gradient(45deg, #d400d4, #0e1538, #fb5942);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.btn:hover:before{
|
|
|
|
|
|
|
|
inset: -3px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.btn:hover:after{
|
|
|
|
|
|
|
|
inset: -3px;
|
|
|
|
|
|
|
|
filter: blur(10px);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.btn span{
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
|
|
background: #0e1538;
|
|
|
|
|
|
|
|
z-index: 10;
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
|
|
font-family: "Equinox", sans-serif;
|
|
|
|
|
|
|
|
font-size: 1.2rem;
|
|
|
|
|
|
|
|
}
|
