@import"https://fonts.googleapis.com/css2?family=Gideon+Roman&display=swap";:root{--font-main-clr: #fff;--bg-main-clr: #000;--accent-main-clr: #11dc2b;--accent-dark-clr: #0fb124}body{color:var(--font-main-clr);background-color:var(--bg-main-clr);font-family:Lato,Helvetica,Arial,sans-serif}#bg-wrapper{background:radial-gradient(circle at 60% 30%,#26b438,#0f4215 25%,#000 60%)}.subscription-container{border-top:1px solid var(--accent-main-clr);border-bottom:1px solid var(--accent-main-clr);height:100%;width:100%;background:linear-gradient(#000000bf,#00000080),url(/assets/mtg%20collection.jpg);background-position:100% 100%;background-size:40%}.subscription-container .blur-wrapper{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:1.5rem;box-shadow:inset 0 0 40px 15px #000}.subscription-container .blur-wrapper h2,.subscription-container .blur-wrapper .subscription-form{text-align:center;padding:.5rem;width:100%}.subscription-container .blur-wrapper h2{color:var(--accent-main-clr)}.subscription-container .blur-wrapper .subscription-form{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem}.subscription-container .blur-wrapper .subscription-form input{padding:.5rem;border-radius:.5rem}.subscription-container .blur-wrapper .subscription-form input:nth-child(2){width:17rem}.subscription-container .blur-wrapper .subscription-form button{padding:.2rem;font-size:1rem;width:7rem;border-radius:1rem;cursor:pointer;background-color:var(--accent-main-clr);font-weight:700}.subscription-container .blur-wrapper .subscription-form .newsletter-state-message{color:var(--accent-main-clr);width:7rem}@media (prefers-reduced-motion: no-preference){.subscription-container{animation:bg-scroll-move linear forwards;animation-timeline:scroll()}@keyframes bg-scroll-move{to{background-position:100% 0%}}}@media (max-width: 700px){.subscription-container{background-size:110%}}#about-us{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem;padding-bottom:4rem}#about-us #about-us-profile-container{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;row-gap:4rem;column-gap:10rem}#about-us #about-us-profile-container .about-us-profile-card{outline:1px solid var(--accent-dark-clr);border:15px solid var(--bg-main-clr);border-radius:.5rem;aspect-ratio:5/7;width:25rem}#about-us #about-us-profile-container .about-us-profile-card .name-box{border:2px solid var(--accent-dark-clr);border-radius:.5rem;padding:.2rem .5rem;display:flex;justify-content:space-between}#about-us #about-us-profile-container .about-us-profile-card .name-box .mana-cost{display:flex;align-items:center;justify-content:end;gap:2px}#about-us #about-us-profile-container .about-us-profile-card .name-box .mana-cost img{width:1rem;height:1rem;aspect-ratio:1/1}#about-us #about-us-profile-container .about-us-profile-card .art-box{padding:.4rem .5rem;aspect-ratio:23/18;display:flex;align-items:center}#about-us #about-us-profile-container .about-us-profile-card .art-box img{aspect-ratio:23/18;object-fit:cover;border:1px solid var(--accent-dark-clr)}#about-us #about-us-profile-container .about-us-profile-card .type-box{border:2px solid var(--accent-dark-clr);border-radius:.5rem;padding:.2rem .5rem;display:flex;justify-content:space-between;align-items:center}#about-us #about-us-profile-container .about-us-profile-card .type-box .set-symbol img{object-fit:cover;width:5rem}#about-us #about-us-profile-container .about-us-profile-card .text-box{aspect-ratio:115/64;padding:.4rem .5rem;position:relative}#about-us #about-us-profile-container .about-us-profile-card .text-box .text-box-inner{width:100%;height:100%;border:1px solid var(--accent-dark-clr);padding:.4rem 1rem}#about-us #about-us-profile-container .about-us-profile-card .text-box .text-box-inner p{line-height:1.5rem}#about-us #about-us-profile-container .about-us-profile-card .text-box:before{content:"";position:absolute;left:calc(50% - 1rem);bottom:-1px;width:2rem;aspect-ratio:2/1;border-radius:50%;border:2px solid var(--accent-dark-clr);background:linear-gradient(90deg,#fff,#cecece 40%,#484848 95%);background-size:150% 150%;animation:gradientAnimation 5s ease infinite}@-webkit-keyframes gradientAnimation{0%{background-position:10% 0%}50%{background-position:91% 100%}to{background-position:10% 0%}}@-moz-keyframes gradientAnimation{0%{background-position:10% 0%}50%{background-position:91% 100%}to{background-position:10% 0%}}@keyframes gradientAnimation{0%{background-position:10% 0%}50%{background-position:91% 100%}to{background-position:10% 0%}}#about-us #about-us-profile-container .about-us-profile-card .text-box:after{position:absolute;right:0;bottom:0;background-color:#000;border:2px solid var(--accent-dark-clr);border-radius:.5rem;padding:.2rem .9rem}#about-us #about-us-profile-container .about-us-profile-card .text-box.ben:after{content:"3/4"}#about-us #about-us-profile-container .about-us-profile-card .text-box.david:after{content:"7/1"}@media (max-width: 420px){#about-us #about-us-profile-container{row-gap:0}#about-us #about-us-profile-container .about-us-profile-card{scale:.9}#about-us #about-us-profile-container .about-us-profile-card p{font-size:.85rem}}#contact-us{background:radial-gradient(circle at 15% 150%,#26b438 5%,#0f4215 25%,#000 60%);min-height:84vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;gap:2rem}#contact-us #contact-us-header{text-align:center}#contact-us #contact-form{height:25.6rem;display:flex;flex-direction:column;gap:1rem}#contact-us #contact-form div{display:flex;flex-direction:column;gap:.2rem}#contact-us #contact-form div input,#contact-us #contact-form div textarea{border-radius:.5rem;padding:.5rem}#contact-us #contact-form div textarea{resize:none;font-family:Lato,Helvetica,Arial,sans-serif;font-size:.9rem}#contact-us #contact-form button{padding:.2rem;font-size:1rem;width:7rem;border-radius:1rem;cursor:pointer;background-color:var(--accent-main-clr);font-weight:700;width:100%}@media (max-height: 700px){#contact-us-section{gap:1rem}#contact-us-section #contact-form textarea{height:10rem}}#how-it-works{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;padding:4rem 0}#how-it-works #how-it-works-container{display:flex;justify-content:center;gap:2rem}#how-it-works #how-it-works-container #how-it-works-col-1,#how-it-works #how-it-works-container #how-it-works-col-2,#how-it-works #how-it-works-container #how-it-works-col-3{display:flex;flex-direction:column;align-items:center;width:30%;gap:1rem}#how-it-works #how-it-works-container #how-it-works-col-1 .how-it-works-icon,#how-it-works #how-it-works-container #how-it-works-col-2 .how-it-works-icon,#how-it-works #how-it-works-container #how-it-works-col-3 .how-it-works-icon{width:10rem}#how-it-works #how-it-works-container #how-it-works-col-1 .how-it-works-img,#how-it-works #how-it-works-container #how-it-works-col-2 .how-it-works-img,#how-it-works #how-it-works-container #how-it-works-col-3 .how-it-works-img{border-radius:.5rem;object-fit:cover;aspect-ratio:4/3}#how-it-works #how-it-works-container #how-it-works-col-1 p,#how-it-works #how-it-works-container #how-it-works-col-2 p,#how-it-works #how-it-works-container #how-it-works-col-3 p{text-align:center}@media (max-width: 700px){#how-it-works{height:fit-content;padding:2rem 0}#how-it-works #how-it-works-container{flex-direction:column;align-items:center}#how-it-works #how-it-works-container #how-it-works-col-1,#how-it-works #how-it-works-container #how-it-works-col-2,#how-it-works #how-it-works-container #how-it-works-col-3{width:90%}}#in-action{background:radial-gradient(ellipse at 50% 50%,#0f4215,#000 69%);min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem;padding:4rem 0}#in-action #in-action-title{text-align:center;display:flex;flex-direction:column;gap:.5rem}#in-action #in-action-gallery{display:flex;flex-direction:row;justify-content:space-evenly;width:100%;flex-wrap:wrap;gap:2rem;--_img_iframe_height: 480px}#in-action #in-action-gallery img{border:0px solid var(--accent-main-clr);height:var(--_img_iframe_height);aspect-ratio:9/16;border-radius:.5rem;object-fit:cover}#in-action #in-action-gallery iframe{border:0px solid var(--accent-main-clr);height:var(--_img_iframe_height);aspect-ratio:16/9;border-radius:.5rem}@media (max-width: 900px){#in-action #in-action-gallery iframe{aspect-ratio:9/16}}#key-features{min-height:100vh;display:flex;justify-content:center;align-items:center;background:url(/assets/mtg%20collection.jpg);background-position:100% 50%;clip-path:polygon(25% 0,26% 100%,0 100%,0 0)}#key-features #key-features-bg-wrapper{background:url(/assets/mtg%20collection.jpg);background-position:100% 50%;clip-path:polygon(100% 0,100% 100%,31% 100%,81% 0);width:100%;height:100%}#main-banner{--_banner-height: calc(100vh - 86px) ;min-height:var(--_banner-height);width:100%;display:flex}#main-banner #main-banner-text{width:50%;height:100%;display:flex;flex-direction:column;gap:1rem;padding:4rem 2rem}#main-banner #main-banner-text #main-banner-text-1{--_h1-font-size: 4rem;display:flex;flex-direction:column;align-items:left;gap:.5rem}#main-banner #main-banner-text #main-banner-text-1 h1{font-size:var(--_h1-font-size)}#main-banner #main-banner-text #main-banner-text-1 div{display:flex;align-items:center;gap:.5rem}#main-banner #main-banner-text #main-banner-text-1 div h1{font-size:var(--_h1-font-size)}#main-banner #main-banner-text #main-banner-text-1 div img{height:var(--_h1-font-size)}#main-banner #main-banner-text #main-banner-text-2 h3{font-weight:400;width:60%;min-width:20rem;line-height:1.5rem}#main-banner #main-banner-text #main-banner-text-2 p{color:gray}#main-banner #main-banner-text #main-banner-text-btns{display:flex;gap:1rem}#main-banner #main-banner-text #main-banner-text-btns button{padding:.2rem;font-size:1rem;width:7rem;border-radius:1rem;cursor:pointer;background-color:var(--accent-main-clr);font-weight:700}#main-banner #main-banner-text #main-banner-text-btns button a{color:#000}#main-banner #main-banner-img{width:50%;display:flex;justify-content:left;align-items:center;padding:2rem 1rem}#main-banner #main-banner-img img{height:calc(var(--_banner-height) * .9);object-fit:contain}@media (max-width: 900px){#main-banner{flex-direction:column;height:fit-content;align-items:center;width:100%}#main-banner #main-banner-text{width:100%;height:fit-content;padding:2rem}#main-banner #main-banner-text #main-banner-text-1{--_h1-font-size: 3rem}#main-banner #main-banner-img{width:100%;justify-content:center}}@media (max-width: 500px){#main-banner #main-banner-text #main-banner-text-1{--_h1-font-size: 2rem}}#main-footer{background-color:#0f0f0f;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}#main-footer #main-footer-links{list-style:none;display:flex;flex-wrap:wrap;justify-content:center}#main-footer #main-footer-links li{cursor:pointer;text-wrap:nowrap;padding:.5rem;font-size:.9rem;transition:color .2s ease-in}#main-footer #main-footer-links li:hover{color:var(--accent-main-clr)}#main-footer #main-footer-socials{display:flex}#main-footer #main-footer-socials i{cursor:pointer;transition:color .2s ease-in;padding:.5rem;font-size:1.2rem}#main-footer #main-footer-socials i:hover{color:var(--accent-main-clr)}#main-footer #main-footer-disclaimer{font-size:.7rem;width:50%;min-width:20rem;text-align:center;padding:.5rem}#main-nav-bar{background-color:var(--bg-main-clr);display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;border-bottom:1px solid var(--accent-main-clr)}#main-nav-bar #main-nav-logo-container{width:100%;display:flex}#main-nav-bar #main-nav-logo-container img{width:15rem}#main-nav-bar #main-nav-links-container{display:flex;align-items:center;gap:3rem}#main-nav-bar #main-nav-links-container #main-nav-links.popped{border-color:var(--accent-main-clr)}#main-nav-bar #main-nav-links-container #main-nav-links{list-style:none;display:flex;background-color:#000;border-radius:2rem;border:1px solid var(--bg-main-clr);position:fixed;right:0;margin-right:2rem;transition:border-color .2s ease;z-index:1}#main-nav-bar #main-nav-links-container #main-nav-links li{transition:color .2s ease-in;text-wrap:nowrap;padding:.5rem 1.4rem;transition:all .2s ease-in}#main-nav-bar #main-nav-links-container #main-nav-links li:not(:last-child){padding:0}#main-nav-bar #main-nav-links-container #main-nav-links li.active{color:var(--accent-main-clr);text-decoration:overline}#main-nav-bar #main-nav-links-container #main-nav-links #main-nav-arrow-up-container{cursor:default}#main-nav-bar #main-nav-links-container #main-nav-links #main-nav-arrow-up-container #main-nav-arrow-up{opacity:0;transition:opacity .2s ease}#main-nav-bar #main-nav-links-container #main-nav-links li:hover{color:var(--accent-main-clr)}#main-nav-bar #main-nav-links-container #main-small-screen-nav{display:none}#main-nav-bar #main-nav-links-container #main-small-screen-nav #main-nav-hamburger-menu{font-size:1.5rem;cursor:pointer;transition:color .2s ease-in;position:fixed;top:-1px;right:-1px;margin:1rem 1rem 0 0;border:1px solid black;background-color:var(--bg-main-clr);padding:.5rem;transition:border-color .3s ease-in;z-index:1}#main-nav-bar #main-nav-links-container #main-small-screen-nav #main-nav-hamburger-menu.popped{border-color:var(--accent-main-clr)}#main-nav-bar #main-nav-links-container #main-small-screen-nav #dropdown-nav-links{display:flex;flex-direction:column;align-items:start;list-style:none;position:fixed;top:1px;right:1px;background-color:var(--bg-main-clr);padding:3rem 0rem;width:15rem;border:1px solid var(--accent-main-clr);border-radius:.5rem;z-index:2;box-shadow:-15px 5px 35px #000;text-align:center;transition:right .2s ease-in,box-shadow .2s ease-in}#main-nav-bar #main-nav-links-container #main-small-screen-nav #dropdown-nav-links a{width:100%}#main-nav-bar #main-nav-links-container #main-small-screen-nav #dropdown-nav-links li:not(:has(i)){padding:1.5rem 2rem;width:100%;text-align:left}#main-nav-bar #main-nav-links-container #main-small-screen-nav #dropdown-nav-links li:has(i){position:absolute;right:1rem}#main-nav-bar #main-nav-links-container #main-small-screen-nav #dropdown-nav-links i{padding:.4rem}#main-nav-bar #main-nav-links-container #main-small-screen-nav #dropdown-nav-links #dropdown-closing-x{transform:translateY(-80%)}#main-nav-bar #main-nav-links-container #main-small-screen-nav #dropdown-nav-links #dropdown-closing-x i{font-size:1.7rem}#main-nav-bar #main-nav-links-container #main-small-screen-nav #dropdown-nav-links #dropdown-nav-arrow-up{transform:translate(-5%,-5%)}#main-nav-bar #main-nav-links-container #main-small-screen-nav #dropdown-nav-links #dropdown-nav-arrow-up i{font-size:1.2rem}#main-nav-bar #main-nav-links-container #main-small-screen-nav #dropdown-nav-links.hide{right:-17rem;box-shadow:none}#main-nav-bar #main-nav-links-container #main-nav-hamburger-menu:hover{color:var(--accent-main-clr)}@media (max-width: 950px){#main-nav-bar #main-nav-links-container #main-nav-links{margin-right:0}}@media (max-width: 850px){#main-nav-bar{padding:1rem 2rem}#main-nav-bar #main-nav-links-container{width:30%;justify-content:end}#main-nav-bar #main-nav-links-container #main-nav-links{display:none}#main-nav-bar #main-nav-links-container #main-small-screen-nav{display:block}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;margin:0;padding:0;scroll-behavior:smooth}a{text-decoration:none;color:var(--font-main-clr)}img{max-width:100%}
