@font-face{font-family:"Bukhari Script";src:url("../fonts/Bukhari\ Script.ttf")}*{margin:0;padding:0;box-sizing:border-box}body{background-image:url(../img/Luther_Patron_V1.png);background-size:320px;animation-name:animate;animation-direction:alternate;animation-duration:2s;animation-fill-mode:backwards;animation-iteration-count:infinite;animation-play-state:running;animation-timing-function:ease-in-out}@keyframes animate{0%{background-image:url(../img/Luther_Patron_V1.png)}100%{background-image:url(../img/Luther_Patron_V2.png)}}header .link-logo{width:20%;position:relative;right:16%;margin:auto;text-decoration:none;color:none}header .logo{width:150%}.logo:hover{opacity:.8}header .fa-bars{font-size:30px}header .nav-container{display:flex;height:100%;width:90%;margin:0 auto;justify-content:space-between;align-items:center}.nav-menu{display:grid;grid-auto-flow:column;gap:3em}.nav-item::after{content:"";display:block;background:#fff;width:90%;margin-top:3px;height:3px;clip-path:var(--clippy);transition:clip-path .5s}.nav-item{color:#fff;text-decoration:none;--clippy:polygon(0 0,0 0,0 100%,0 100%)}.nav-item:hover{--clippy:polygon(0 0,100% 0,100% 100%,0 100%)}.nav-label,.nav-input{display:none}header nav{color:#fff}@media(max-width:600px){.nav-label{display:block;cursor:pointer}.nav-container{text-align:center}.nav-menu{position:relative;top:0;background:rgb(255,255,255,.01);background-size:320px;background-attachment:fixed;width:20%;height:200px;right:0;left:4%;display:flex;justify-content:space-evenly;flex-direction:column;align-items:center;clip-path:circle(0 at right);transition:clip-path 1s ease}.nav-input:checked+.nav-menu{clip-path:circle(100% at center)}}main{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:30px}.text{width:70%;background:rgb(0,0,0,.7);color:#fff;padding-top:10px;text-align:center;display:inline-block}.title{font-family:"Bukhari Script";font-size:35px;margin-bottom:20px}.title-description{width:60%;margin:auto;font-family:"Montserrat";font-weight:400;font-size:13px;margin-bottom:30px}.works-box,.jobs-box{display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:3px}.works{margin-left:20px;font-size:13px;font-family:"Montserrat";font-weight:400}.jobs{font-size:13px;font-family:"Montserrat";font-weight:400}.buy-btn{background:rgb(15,156,221);border:0;border-radius:30px;position:relative;padding:10px;top:30px}.buy-btn:hover{opacity:.8}.buy-link:hover{text-decoration:underline}.buy-link{font-family:"Bukhari Script";text-decoration:transparent;font-size:18px;color:#fff;display:block;width:150px}.nft-gif{width:100%;height:250px;position:relative;top:50px;background-image:url(../img/luthers.gif);background-size:250px;background-position:center;background-repeat:no-repeat}.blockchain{justify-content:center;text-align:center;align-items:center;position:relative;top:100px}.blockchain-box{width:100%}.opensea,.ethereum,.metamask{width:20%;margin-right:20px}.timeline{position:relative;top:100px}.title-box{background-image:url(../img/ovni-timeline.png);background-repeat:no-repeat;background-size:200px;background-position:top}.timeline-title{display:grid;grid-auto-flow:column;gap:3em;margin-top:30px;font-size:45px;color:#fff;border:1px solid #fff;text-align:center;border-radius:100px}.ufo-box{width:100%;height:350px;margin-top:0;display:inline-block;position:relative;background-image:url(../img/ovni_Green_o.png);background-repeat:no-repeat;background-position:center;background-size:300px;animation:animateufo;animation-direction:alternate;animation-duration:2s;animation-fill-mode:backwards;animation-iteration-count:infinite;animation-play-state:running;animation-timing-function:ease-in-out}@keyframes animateufo{0%{background-image:url(../img/ovni_Green_o.png)}100%{background-image:url(../img/ovni_Blue_o.png)}}.timeline ul{list-style:none}.timeline ul li{width:70%;position:relative;margin:auto;padding:20px;background-color:#cecece;border-radius:10px;margin-bottom:20px}.timeline ul li:last-child{margin-bottom:0}.content .luther-name{text-align:center;font-size:25px;font-weight:500;line-height:30px;margin-bottom:10px}.content p{font-size:20px;line-height:30px;font-weight:700}.line-lutherbox{text-align:center}.luther-line{width:100%;cursor:pointer}.content .date{font-size:13px;font-weight:300;margin-bottom:10px;letter-spacing:2px}footer{width:100%;position:relative;margin-top:120px;background:#000}.faq-title{font-family:"Bukhari Script";text-align:center;color:#fff;font-size:40px;margin:20px 0}.asks{width:500px;margin:auto;max-width:100%;display:grid;grid-template-columns:1fr;gap:10px}.contain-ask{background:#cecece;padding:20px;border:2px solid transparent;border-radius:10px;overflow:hidden;transition:.3s ease all;cursor:pointer}.ask{font-weight:700;font-size:20px;line-height:20px;display:flex;justify-content:space-between;align-items:center}.ask img{width:14px}.answer{color:#000;line-height:30px;max-height:0;opacity:0;transition:.3s ease all}.contain-ask.actived .answer{opacity:1;margin-top:20px}.contain-ask.actived img{transform:rotate(45deg)}.footer-two{display:flex;justify-content:center;margin-top:20px;align-items:center}.social{width:50%;text-align:center}.social-title{color:#fff;font-family:"Bukhari Script";margin-bottom:10px}.social ul li{list-style:none;margin-bottom:10px}.link{flex-direction:column;width:100px;color:#fff;text-decoration:none}.twitter{margin-top:10px}.link:hover{border-bottom:1px solid #fff}.luther-footer{display:none}.luther-link-footer{text-decoration:none}.help{width:50%;margin-bottom:60px;text-align:center}.help-title{color:#fff;margin-bottom:10px;font-family:"Bukhari Script"}.help ul li{list-style:none;margin-bottom:10px}.help-link:hover{border-bottom:1px solid #fff}@media screen and (min-width:600px){header .nav-item{font-size:20px}main .ufo-box{height:400px;margin:0;background-size:350px}main .title{font-size:30px}main .title-description{font-size:22px}main .works{font-size:16px}main .jobs{font-size:16px}main .buy{width:200px;padding:15px;border-radius:30px;border:0;background:rgb(15,156,221);position:relative;top:30px}main .buy-link{font-size:20px}main .nft-gif{height:350px;background-size:350px}.ufo-box{width:100%;margin-top:20px}.timeline{width:80%;height:auto;max-width:800px;margin:0 auto;position:relative}.timeline::before{content:"";position:absolute;height:100%;width:10px;border-radius:4px;transform:translateX(-50%);left:50%;top:7%;animation-name:animateline;animation-direction:alternate;animation-duration:2s;animation-fill-mode:backwards;animation-iteration-count:infinite;animation-play-state:running;animation-timing-function:ease-in-out}@keyframes animateline{0%{background-color:rgba(193,255,1,255)}100%{background-color:rgba(0,247,254,255)}}.timeline ul{margin-top:70px}.timeline ul li{width:50%;margin-bottom:50px;position:relative}.timeline ul li:nth-child(odd){float:left;clear:right;transform:translateX(-30px);border-radius:20px 0 20px 20px}.timeline ul li:nth-child(even){float:right;clear:left;transform:translateX(30px);border-radius:0 20px 20px 20px}.timeline ul li:after{content:"";position:absolute;height:20px;width:20px;border-radius:50%;top:0;animation-name:animatedot;animation-direction:alternate;animation-duration:2s;animation-fill-mode:backwards;animation-iteration-count:infinite;animation-play-state:running;animation-timing-function:ease-in-out}@keyframes animatedot{0%{background-color:rgba(193,255,1,255)}100%{background-color:rgba(0,247,254,255)}}.timeline ul li:nth-child(odd)::after{transform:translate(50%,-50%);right:-30px}.timeline ul li:nth-child(even)::after{transform:translate(-50%,-50%);left:-30px}.timeline ul li:hover::after{cursor:pointer;background-color:#fff;animation-name:none}.content .date{color:#fff;position:absolute;top:-30px}.opensea,.ethereum,.metamask{width:20%;margin-left:20px}}@media screen and (min-width:700px){header .logo{width:100%}main .nft-gif{height:450px;background-size:450px}main .ufo-box{height:500px;background-size:450px}main .title{font-size:50px}main .works{font-size:20px}main .jobs{font-size:20px}}@media screen and (min-width:1000px){header .nav-container{width:100%;align-items:center;display:flex}header .logo{width:150px;position:relative;right:30%}header .nav-menu{margin-right:50px}header .nav-item{font-size:30px}header .link-logo{width:93px}main .ufo-box{height:550px;background-size:500px}main .title{font-size:100px}main .title-description{font-size:44px}main .works{font-size:26px}main .jobs{font-size:26px}main .nft-gif{height:518px;background-size:450px}main .luther-gif{width:30%}main .buy-link{width:300px;font-size:30px}main .metamask,.ethereum,.opensea{width:10%}footer{width:100%;display:flex;justify-content:center}.footer-one{width:50%}.social-title{font-size:30px}footer .faq-title{width:100%;margin-right:5px}.footer-luther{margin-right:50px}.asks{margin:auto;margin-bottom:5px}.luther-footer{display:inline-block;width:250px}.luther-footer:hover{opacity:.7}footer .footer-two{width:50%;margin:0}.help-title{font-size:30px}footer .help{margin-bottom:5%}}