@import"https://fonts.googleapis.com/css?family=DynaPuff";@import"https://fonts.googleapis.com/css?family=Acme";*{margin:0;padding:0;box-sizing:border-box;font-family:DynaPuff}body{margin-left:220px;height:100%;background-color:#d9d8cf}.mainbg{width:100%;min-height:100vh;background-color:#f5f5f5}.main-content{padding:30px;display:flex;flex-direction:column;min-height:60vh}.wrap-content{display:flex;flex-wrap:wrap;justify-content:center}.row-content{display:flex;justify-content:center}.fullrow-content{display:flex;width:100%;justify-content:space-between}.column-content{display:flex;flex-direction:column;width:100%}@media only screen and (max-width: 950px){body{margin-left:0}.main-content{padding:10px}}.headline{width:100%;padding:5px;text-align:center;font-size:28px;color:#d9d8cf96}.headlineDark{width:100%;margin:25px 5px 5px;text-align:center;font-size:28px;color:#38372b}.headline-big{width:100%;padding:10px;text-align:center;font-size:38px;font-weight:600;color:#d9d8cf}.name-small{width:100%;padding:0;margin-bottom:1rem;text-align:center;font-size:1rem;font-weight:300;color:#d9d8cf}.label{font-weight:700}.App{text-align:center}.textButton{font-style:normal;font-weight:600;font-size:18px;line-height:32px;color:#333;background-color:transparent;border:transparent;cursor:pointer}@media only screen and (max-width: 1070px){.textButton{font-size:16px;line-height:26px}}.buttonsWrapper{display:flex;justify-content:space-between;align-items:center;justify-content:center}.offscreen{position:absolute;left:-9999px}.hide{display:none}.valid{color:#404040;margin-left:.25rem}.invalid{color:#b22222;margin-left:.25rem}.errmsg{color:#b22222;font-size:20px;padding:.5rem;margin-bottom:.5rem}.instructions-wrap{position:relative}.instructions{font-size:.75rem;border-radius:.5rem;color:gray;padding:.25rem;position:absolute;bottom:65px;background:lightgoldenrodyellow;border:2px solid grey;z-index:1}@media only screen and (max-width: 991px){.instructions{font-size:14px;line-height:16px;bottom:55px}}.instructions>svg{margin-right:.25rem}.sectionsSeparator{margin:10px 0;font-family:DynaPuff;font-style:normal;font-weight:600;font-size:16px;line-height:32px;display:flex;align-items:center;color:#adadad}.sectionsSeparator:before,.sectionsSeparator:after{content:"";width:100%;height:2px;display:block;background-color:#adadad;opacity:.5}.sectionsSeparator:before{margin-right:2px}.sectionsSeparator:after{margin-left:2px}.nftImageWrapper{border-radius:3px;background-position:center;background-repeat:no-repeat;background-size:cover;color:#fff;border:2px;width:258px;height:258px;border:2px solid rgb(64,64,64)}h1{width:100%;margin:25px 5px 5px;text-align:center;color:#404040;font-family:DynaPuff}h2{margin:5px;color:#404040;font-family:DynaPuff,cursive}@media only screen and (max-width: 600px){.nft-container{width:95%;margin:5px auto}h1,h2{font-size:1.5em}.nft-info,.user-nfts,.latest-nfts{padding:10px}.nft-list{padding:5px}}.nft-info,.user-nfts,.latest-nfts{background-color:#f5f5ebcc;padding:15px;margin-bottom:20px;border-left:5px solid rgb(64,64,64)}.nft-info{text-align:center;background-color:#d9d8cf}.nft-info p,.user-nfts p,.latest-nfts p{font-family:Acme,sans-serif;color:#404040}.btn{background-color:#404040;color:#d9d8cf;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s;display:inline-block;margin:5px 0;width:230px}.btn:disabled{background-color:#404040cc}.btn:hover{background-color:#404040cc}.nft-list{padding:10px}.hero{background-color:#d9d8cf;padding:20px;text-align:center}.hero h1{font-family:DynaPuff,cursive;color:#404040}.hero p{margin-bottom:20px}.content{margin:20px 0}.intro,.nft-feature{background-color:#fff;padding:15px;margin-bottom:10px;border-left:5px solid #4a90e2}.intro h2,.nft-feature h2{font-family:DynaPuff,cursive}.center-content{text-align:center;margin:20px 0}.center-content-no-margin{text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,400%,0)}to{opacity:1;transform:none}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.modalBackground{width:100vw;height:100vh;background-color:#37373780;margin-left:-220px;position:fixed;display:flex;justify-content:center;align-items:center;z-index:10}@media only screen and (max-width: 950px){.modalBackground{margin-left:0}}.modalBackground ::-webkit-scrollbar{width:1px;display:none}.modalBackground ::-webkit-scrollbar-track{background:transparent}.modalBackground ::-webkit-scrollbar-thumb{background:transparent}.modalContainer{min-width:500px;background-color:transparent;display:flex;flex-direction:column;z-index:11;overflow:auto}.modalOverlay{position:fixed;overflow:auto;scrollbar-width:none;height:calc(100% - 4px);top:2px}@media only screen and (max-width: 950px){.modalContainer,.modalOverlay{min-width:200px}}.cropper-container{position:relative;width:100%;background-color:#000;aspect-ratio:1 / 1}.controls{display:flex;flex-direction:column;margin-top:10px}.controls label{margin-bottom:5px}@keyframes pulse{0%{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.1);filter:saturate(1.3)}to{transform:scale(1);filter:saturate(1)}}.sidenav{height:100%;width:220px;position:fixed;z-index:1;top:0;left:0;background-color:#4a90e2;overflow-x:hidden;padding:20px 15px;display:flex;flex-direction:column;box-shadow:0 3px 10px #000000b3}.sidenav a{padding:6px 8px 6px 1px;text-decoration:none;font-size:25px;color:#d9d8cf99;display:block}.sidenav a:hover{color:#d9d8cf}.sidenav .item{height:38px;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none;text-decoration:none;border:none;background-color:#4a90e2;padding-top:20px;padding-bottom:20px;align-items:baseline}.sidenav .item:hover a{color:#d9d8cf}.sidenav .text{height:28px;font-style:normal;font-weight:400;font-size:21px;line-height:24px}.sidenav .text.selected{color:#d9d8cf}@media only screen and (max-width: 950px){.sidenav{display:none}}.topnav-bg{overflow:hidden;background-color:transparent;position:fixed;width:100%;height:100dvh;z-index:-1;transition:.4s ease-in}.topnav-open-bg{overflow:hidden;background-color:#0a0a0ab3;position:fixed;width:100%;height:100dvh;z-index:49;transition:.5s ease-in}.topnav{overflow:hidden;background-color:transparent;position:fixed;padding:10px;line-height:20px;align-items:center;z-index:50;top:0}.topnav-open{overflow:hidden;background-color:transparent;position:fixed;padding:10px;z-index:48}.topnav a:hover{color:#d9d8cf}.topnav-open a{padding:10px 0 0;text-decoration:none;font-size:20px;color:#d9d8cf99;display:flex}.topnav-menu a:hover{color:#d9d8cf}.topnav-menu a{padding:10px 0 0;text-decoration:none;font-size:20px;color:#d9d8cf99;display:flex}.topnav-menu-open a:hover{color:#d9d8cf}.topnav-menu-open a{padding:10px 0 0;text-decoration:none;font-size:20px;color:#d9d8cf99;display:flex}.topnav-open a:hover{color:#d9d8cf}.topnav-menu{z-index:50;position:fixed;text-decoration:none;font-size:20px;background-color:#4a90e2;padding:20px;width:280px;left:-280px;height:100vh;transition:.4s ease-in}.topnav-menu-open{z-index:50;overflow:hidden;display:flex;flex-direction:column;padding:20px;background-color:#4a90e2;height:100vh;width:280px;left:0;text-decoration:none;font-size:20px;position:fixed;transition:.5s ease-out;box-shadow:0 3px 20px #0009}@media only screen and (min-width: 950px){.topnav,.topnav-open,.topnav-bg,.topnav-open-bg,.topnav-menu-open{display:none}}
