@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}body{font-size:18px;font-family:"Outfit",sans-serif;font-optical-sizing:auto;font-style:normal;background-color:#0d192b;display:flex;flex-direction:column;gap:2vh;align-items:center;justify-content:center;min-height:100vh}body main{background-color:#14253d;display:flex;flex-direction:column;align-items:center;justify-content:center;width:35vw;height:-moz-max-content;height:max-content;border-radius:10px;padding:1rem 2rem 2rem;gap:2vh}body main .equi-img{position:relative;flex-basis:45%;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:10px;overflow:hidden;cursor:pointer}body main .equi-img img{width:100%;border-radius:10px;transition:transform .3s ease-in-out}body main .equi-img:hover img{transform:scale(1.1)}body main .equi-img::after{content:url("./images/icon-view.svg");position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;background-color:rgba(0,255,255,.5);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease-in-out}body main .equi-img:hover::after{opacity:1}body main .content{flex-basis:55%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start;gap:2vh}body main .content .title{color:#fff;font-weight:600}body main .content .title:hover{color:#00fff7;transition:300ms ease-in-out;cursor:pointer}body main .content .description{color:#8bacda;font-weight:300}body main .content section{display:flex;justify-content:flex-start;width:100%}body main .content section .eth{color:#00fff7}body main .content section .eth::before{content:url(./images/icon-ethereum.svg);display:inline-block;vertical-align:middle;margin-right:1vw}body main .content section .days-left{color:#8bacda;margin-left:auto}body main .content section .days-left::before{content:url(./images/icon-clock.svg);display:inline-block;vertical-align:middle;margin-right:1vw}body main .content hr{width:100%;border:1px solid #2f415b;margin:2.5vh 0}body main .content .creation{color:#8bacda}body main .content .creation::before{content:"";display:inline-block;width:50px;height:50px;margin-right:1vw;background-image:url(./images/image-avatar.png);background-size:cover;background-position:center;background-repeat:no-repeat;vertical-align:middle;-o-object-fit:cover;object-fit:cover;border:2px solid #fff;border-radius:100%}body main .content .creation span{color:#fff}body main .content .creation span:hover{color:#00fff7;transition:300ms ease-in-out;cursor:pointer}@media(max-width: 768px){body main{width:93vw}body main .equi-img{flex-basis:40%}body main .content{flex-basis:60%}}