@import"https://fonts.googleapis.com/css2?family=Nobile:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap";:root{--main-bg-color: #181818;--alt-bg-color: #232323;--dark-bg-color: #0f0f0f;--light-bg-color: #252525;--main-font-color: white;--form-font-color: white;--light-font-color: white;--dark-font-color: black;--accent-color: orange;--font-hover-color: var(--accent-color);--box-border-color: #5a5a5a;--box-shadow-color: #181818;--banner-fade-top: 70%;--banner-fade-bottom: 10%;--deck-card-width: 12rem}[data-theme=light]{--main-bg-color: rgb(191, 191, 191);--alt-bg-color: #a5a5a5;--dark-bg-color: var(--alt-bg-color);--light-bg-color: #404040;--main-font-color: black;--form-font-color: black;--light-font-color: white;--dark-font-color: black;--accent-color: rgb(193, 125, 0);--font-hover-color: var(--accent-color);--box-border-color: #181818;--box-shadow-color: #181818;--banner-fade-top: 30%;--banner-fade-bottom: 70%}*{font-family:Nobile,sans-serif;color:var(--main-font-color)}body{background-color:var(--main-bg-color)}::-webkit-scrollbar{width:.6rem}::-webkit-scrollbar-track{background:var(--dark-bg-color)}::-webkit-scrollbar-thumb{background:var(--alt-bg-color)}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}input,select,option,textarea,button{color:var(--form-font-color);caret-color:var(--accent-color);background-color:var(--alt-bg-color)}a:hover div{color:var(--font-hover-color)}.btn{background-color:var(--alt-bg-color);border:2px solid var(--alt-bg-color);border-radius:.2rem;padding:.6rem .5rem;box-shadow:1px 1px 5px var(--box-shadow-color);cursor:pointer;display:flex;column-gap:.5rem}.btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.about-us{display:flex;justify-content:center;padding:5rem 1rem 10rem;gap:2rem;flex-wrap:wrap;background-color:var(--main-bg-color)}@media (min-width: 1080px){.about-us{padding:7rem 1rem 18rem}}.dev-card .thumb-deck-info>a{display:flex;align-items:center;column-gap:.5rem}.dev-card .thumb-deck-info img{width:2rem}.home-banner{width:100%;height:70vh;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.banner-background-img{position:absolute;filter:brightness(.3);top:0;height:100%;width:100%;z-index:-1;background-size:cover;background-position:center 37%;background-repeat:no-repeat}.banner-fade{height:12rem;max-height:40%;z-index:1;width:100%}.fade-top{background:linear-gradient(180deg,var(--main-bg-color) 0,hsla(0,0%,60%,0) var(--banner-fade-top))}.fade-bottom{background:linear-gradient(180deg,hsla(0,0%,60%,0) var(--banner-fade-bottom),var(--main-bg-color) 100%)}.banner-form{width:100%;display:flex;flex-direction:column;align-items:center;row-gap:1rem}.banner-form>form,label{width:100%}.banner-form label{display:flex;justify-content:center}.search-bar{background-color:var(--alt-bg-color);border-radius:.2rem;padding:.9rem;width:50%;max-width:30rem;background-image:url(/assets/magnifying-glass-CsMUO8ku.png);background-size:7%;background-repeat:no-repeat;background-position:97% 50%;outline:none;box-shadow:none;border:1px solid var(--alt-bg-color);color:var(--form-font-color);box-shadow:1px 1px 5px var(--box-shadow-color)}.search-bar:focus{border-color:var(--accent-color);box-shadow:0 1px 1px #e5671713 inset,0 0 8px #ff6200ab;outline:0 none}.banner-btn-container{display:flex;column-gap:1rem}.new-deck .fa-plus{color:var(--accent-color)}@media (min-width: 650px){.search-bar{background-size:5%}}.deck-area-wrapper{display:flex;justify-content:center}.deck-area{background-color:var(--main-bg-color);display:flex;flex-wrap:wrap;row-gap:.8rem;justify-content:space-between;padding:3rem 8rem 6rem}.deck-area a{width:33%;min-width:21rem;max-width:34rem;height:16rem}.deck-thumbnail{background-color:var(--alt-bg-color);border:1px solid var(--box-border-color);border-radius:.5rem;height:16rem;background-image:var(--background-img);background-position:50% 15%;background-size:100%;background-repeat:no-repeat;box-shadow:2rem 0 5rem 3rem var(--box-shadow-color) inset;display:flex;padding:1rem;transition:all .4s ease-in-out;cursor:pointer}.deck-thumbnail *{color:var(--light-font-color)}.deck-thumbnail:hover{background-size:105%;border-color:var(--accent-color);box-shadow:2rem 0 5rem 3.7rem var(--box-shadow-color) inset}.deck-details{display:flex;flex-direction:column;align-items:flex-start;row-gap:1rem}.thumb-deck-name{font-weight:700}.thumb-deck-info{font-size:small;font-style:italic}.nav-bar{background-color:var(--main-bg-color);display:flex;justify-content:space-between;align-items:center;width:100%;height:4rem;padding:1rem 3rem;z-index:2}.nav-bar div{font-weight:700;font-size:small}.nav-navigation{display:flex;align-items:center;column-gap:1rem}.menu-dropdown-content{position:absolute;display:flex;flex-direction:column;row-gap:.3rem;z-index:2;background-color:var(--alt-bg-color);padding:.5rem 1rem;border-radius:.2rem}.menu-dropdown-content.hide{display:none}.user-dropdown-content{position:absolute;display:flex;flex-direction:column;row-gap:.3rem;z-index:2;background-color:var(--alt-bg-color);padding:.5rem 1rem;border-radius:.2rem;right:5rem}.user-dropdown-content.hide{display:none}.nav-user{display:flex;align-items:center;gap:1.5rem}.nav-user>a>div{display:flex;column-gap:.5rem}.logout-btn{display:flex;column-gap:.5rem}.logo-img{width:3rem}.burger-btn,.user-img,.moon-img{width:1.5rem;cursor:pointer}@media (min-width: 650px){.burger-menu-items{display:flex;align-items:center}.menu-dropdown-content{gap:1rem;background-color:transparent;flex-direction:row;padding:0}.menu-dropdown-content.hide{display:flex}.burger-btn{display:none}}.logo{display:flex;justify-content:center;align-items:center;margin-top:10%}.logo img{width:50px}.creation-text{display:flex;justify-content:center;align-items:center}.name-text,.input-data{display:inline-block;padding:7px 100px}.form{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px}.cbutton{margin-top:50px;display:center;padding:7px 100px;background:#adff2f}.input-data1{padding:10px 50px}.outside-div div{margin-top:40px}.footer{width:100%;display:flex;flex-direction:column;align-items:center;background-color:var(--dark-bg-color);padding:2rem;row-gap:1rem}.footer>div{display:flex;justify-content:center;column-gap:1rem}.footer-links div{text-transform:uppercase;font-size:.7rem}.footer-disclaimer>p{text-align:center;font-size:.7rem}.fa-brands:hover{color:var(--accent-color)}@media (min-width: 450px){.footer-links div{font-size:.9rem}}.deck-creator{display:flex;flex-direction:column;align-items:center;width:100%}.deck-info{width:100%;height:35vh;padding:2rem;background-color:var(--main-bg-color);display:flex;flex-direction:column;justify-content:space-around;background-image:url(https://cards.scryfall.io/art_crop/front/c/c/cc9cfcc7-be64-4871-8d52-851e43fe3305.jpg);background-size:75%;background-repeat:no-repeat;background-position:right 0 top 20%;box-shadow:32rem 0 6rem 5rem var(--main-bg-color) inset}.deck-user-container{display:flex;align-items:center;column-gap:1rem}.deck-user-img>img{width:2rem}.deck-control{width:100%;padding:.7rem 2rem;background-color:var(--light-bg-color);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--box-border-color);border-bottom:1px solid var(--box-border-color);margin-bottom:.3rem}.deck-control>div{position:relative;display:flex;column-gap:1rem}.deck-control-inputs{width:30%;display:flex;justify-content:space-between}.deck-control-inputs label>div{font-size:small}.card-search-bar-container{width:80%}.cards-view-container{width:20%}.card-search-bar-container>label{display:flex}.search-bar{width:100%;border:1px solid var(--box-border-color);height:3rem}.search-dropdown{border:1px solid var(--box-border-color);border-radius:.2rem;background-color:var(--main-bg-color);position:absolute;top:105%;width:100%;z-index:99}.search-dropdown.borderless{border:none}.dropdown-row{cursor:pointer;text-align:start;padding:.4rem 1rem}.dropdown-row:hover{background-color:var(--accent-color);color:var(--dark-font-color)}.cards-view-container,.card-search-bar-container{display:flex;flex-direction:column;row-gap:.3rem}.cards-view-container>label,.card-search-bar-container>label{display:flex;justify-content:start;align-items:flex-end;column-gap:.5rem;padding:0 .4rem}.view-select{border-radius:.2rem;border:1px solid var(--box-border-color);padding:.9rem;height:3rem;box-shadow:1px 1px 5px var(--box-shadow-color)}.deck-control-actions div{display:flex;column-gap:.5rem}.deck-cards-container{width:100%;padding:2rem;min-height:70rem;background-color:var(--light-bg-color);border-top:1px solid var(--box-border-color);border-bottom:1px solid var(--box-border-color);display:flex;column-gap:1rem;justify-content:space-between}.deck-cards-container>div{width:100%}.deck-card.text{display:flex;justify-content:space-between;border-bottom:1px solid var(--box-border-color);padding:.5rem;column-gap:1rem}.deck-card-info{display:flex;column-gap:.5rem}.deck-card.text>div,.deck-card.text>a{font-size:smaller}.deck-card.card-img{display:block;top:13rem;position:relative;margin-top:-14.5rem;display:flex;flex-direction:column;align-items:center;width:var(--deck-card-width)}.deck-card.card-img>img{border-radius:4.75%/3.5%;width:var(--deck-card-width);border:1px solid var(--box-border-color)}.card-hover-box{position:absolute;width:calc(var(--deck-card-width) * .9);height:1rem;top:40%;z-index:1}.deck-card.card-img:hover{z-index:1;cursor:pointer}.deck-card-category{margin-bottom:2rem}.sign-page{display:flex;flex-direction:column;align-items:center;padding:3rem;row-gap:2rem;min-height:40rem!important;height:70vh;background-color:var(--main-bg-color)}.sign-up-container{display:flex;flex-direction:column;align-items:center;row-gap:1rem}.sign-up-container>div{display:flex;column-gap:1rem}.sign-up-container>a{display:block;width:100%;display:flex;justify-content:center}.sign-up-container button{width:30%;display:flex;justify-content:center}.sign-page{display:flex;flex-direction:column;align-items:center;padding:3rem;row-gap:2rem;min-height:35rem;height:80vh;background-color:var(--main-bg-color)}.sign-logo-img{width:15rem}.sign-page>form{width:95%;max-width:20rem;display:flex;flex-direction:column;align-items:center;row-gap:1rem}.sign-page label{display:flex;width:100%;justify-content:space-between;align-items:center}.sign-input{background-color:var(--alt-bg-color);border-radius:.2rem;padding:.5em;width:60%;max-width:30rem;outline:none;box-shadow:none;border:1px solid var(--box-border-color);color:var(--form-font-color);box-shadow:1px 1px 5px var(--box-shadow-color)}.sign-input:focus{border-color:var(--accent-color);box-shadow:0 1px 1px #e5671713 inset,0 0 8px #ff6200ab;outline:0 none}.sign-page>form>button{width:50%;display:flex;justify-content:center}.my-decks{display:flex;flex-direction:column;align-items:center;padding:3rem;row-gap:2rem;min-height:80vh;background-color:var(--main-bg-color)}.deck-items{margin-bottom:1rem}table{border-collapse:collapse;table-layout:fixed}thead{background-color:var(--alt-bg-color)}th:first-child{width:25rem;text-align:start}th,td{padding:1rem 2rem;text-align:start}tbody tr{border-bottom:1px solid var(--box-border-color)}.delete-icon{cursor:pointer}.delete-icon:hover .fa-trash{color:var(--accent-color)}.list-deck-title>a{width:100%}.list-deck-title a:hover{color:var(--accent-color);cursor:pointer}@media (max-width: 600px){.non-mobile{display:none}}.card-detail-page{display:flex;padding:3rem;min-height:35rem;height:80vh;background-color:var(--main-bg-color);background-image:var(--background-img);background-size:75%;background-repeat:no-repeat;background-position:right 0 top 20%;box-shadow:34rem 0 19rem 15rem var(--main-bg-color) inset}.card-detail-page img{border-radius:4.75%/3.5%;border:1px solid var(--box-border-color)}.card-detail-info-container{display:flex;flex-direction:column;padding:1rem;width:13%;min-width:15rem;justify-content:space-between}.card-detail-info-container>div{display:flex;flex-direction:column;row-gap:1rem}.card-detail-info>div{display:flex;justify-content:space-between}.card-detail-info-container .btn{width:80%;display:flex;justify-content:center}*{box-sizing:border-box}body{margin:0;padding:0}a{text-decoration:none}h1,h2,h3,h4,h5{margin:0;padding:0}