@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Poor+Story&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Lexend:wght@100..900&family=Poor+Story&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=Prata&display=swap";body{display:flex;padding:0;margin:0;background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden;overscroll-behavior:none}html{overscroll-behavior:none;overflow:hidden}.main_container{width:120vh;height:100vh}@media (max-width: 768px){.main_container{width:100vw;height:100vw}}@font-face{font-family:GothamBlack;src:url(/GothamBlack.ttf) format("truetype")}@font-face{font-family:Alagard;src:url(/alagard.ttf) format("truetype")}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes fadein{0%{opacity:0;transform:translateY(-20px);filter:blur(5px)}to{opacity:1;filter:blur(0px);transform:none}}@keyframes fadeinright{0%{opacity:0;transform:translate(-20px);filter:blur(5px)}to{opacity:1;filter:blur(0px);transform:none}}@keyframes fadeinleft{0%{opacity:0;transform:translate(20px);filter:blur(5px)}to{opacity:1;filter:blur(0px);transform:none}}.fadein{animation-name:fadein;animation-duration:1s}.fadeinright{animation-name:fadeinright;animation-duration:1s}.fadeinleft{animation-name:fadeinleft;animation-duration:1s}.titleBox{z-index:1;position:absolute;display:flex;flex-direction:column;height:fit-content;width:50vh;align-content:center;justify-content:center;opacity:1;transition:all 1s;pointer-events:none}.titleBox.disabled{opacity:0;pointer-events:none}.title{font-family:"DM Serif Text",serif;color:#000;display:block;text-align:center;padding:0;margin:0}.button{font-size:15px;-webkit-user-select:none;user-select:none;display:inline-block;text-align:center;background-color:transparent;color:#fff;padding:1vh;border:2px solid white;width:fit-content;transition:all .25s;margin:10px 10px 0 auto;z-index:2;top:0;left:0;right:unset;font-family:Lexend;font-weight:700}.button.active{background-color:#fff;color:#000}.button.right{left:unset}.button.custom{margin-left:10px;position:absolute}.button.custom.centered{top:50%;transform:translateY(-50%)}.button:hover{background-color:#fff;color:#000}.popup{display:inline-block;position:absolute;top:15%;width:70vh;height:100vh;max-height:75vh;padding:50px;background:transparent;z-index:1;margin:0;box-sizing:border-box;text-align:left;right:unset;color:#fff;overflow:hidden;margin-right:50vh}.popup.right{margin-right:unset;margin-left:50vh}h1{font-size:60px;margin-bottom:0;margin-top:20px}.my_image{width:fit-content;height:170px;margin:1px;object-fit:cover}.my_image:hover{filter:brightness(170%);border:1px solid white}.big_image{width:90%;height:100%;position:absolute;top:0;background:#000;display:flex;justifyContent:center}.imageContainer{display:flex;flex-wrap:wrap;justify-content:left;height:min-content;max-height:60vh;overflow-y:scroll;overflow-x:hidden;margin-top:10px;align-content:start}h3{margin-top:0;margin-bottom:0;font-family:Prata,serif;font-size:20px}p{font-size:15px;font-family:Lexend;font-weight:200}a{text-decoration:none;color:orange;font-family:Lexend,serif;font-weight:600;margin:0;transition:all .25s}a:hover{color:#fff}.my_canvas{transition:--bgColor1 .25s,--bgColor2 .25s;position:absolute;background:linear-gradient(0deg,var(--bgColor1) 30%,var(--bgColor2) 30%,var(--bgColor3) 70%)}.my_canvas.dark{--bgColor1: black;--bgColor2: black;--bgColor3: black}@property --bgColor1{syntax: "<color>"; initial-value: tomato; inherits: false;}@property --bgColor2{syntax: "<color>"; initial-value: #f4c490 ; inherits: false;}@property --bgColor3{syntax: "<color>"; initial-value: #90f4d8 ; inherits: false;}iframe{width:100%;height:350px}.overview{color:#fff;display:block;height:fit-content;max-height:55vh;overflow-y:auto;overflow-x:hidden}@media (max-width: 768px){h1{font-size:30px}h3,a{font-size:10px}.popup{display:flex;flex-direction:column;justify-content:center;top:unset;width:50vw;height:80vw;padding:0;max-height:100vw;margin-right:35vw}.popup.right{margin-right:unset;margin-left:35vw}.titleBox{width:50vw;height:25vw}iframe{width:100%;height:140px}p{font-size:10px}.button{font-size:2vw;border:1px solid white;padding:1vw;width:fit-content;margin:5px 5px 0 auto}.overview{max-height:55vw}.imageContainer{justify-content:left;height:min-content;max-height:55vw;overflow-y:scroll;overflow-x:hidden;margin-top:10px;align-content:start}.my_image{width:fit-content;height:16vw;margin:1px;object-fit:cover}.big_image{width:100%;height:100%}}