@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#2c3333;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#242424}html{font-size:16px}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#e7f6f2;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:dark){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.letter-span{font-family:Montserrat,sans-serif}.light-purple{background:#f4eeff}.purple{background:#dcd6f7}.light-blue{background:#a6b1e1}.blue{background:#424874}body{margin:0;padding:0;color:#fff}@keyframes waveFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#root{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:0 auto}.intro-page-background{background:linear-gradient(120deg,#192d40,#0d1b2b,#242630);background-size:400% 400%;animation:waveFlow 20s ease infinite;margin:0;padding:0;color:#fff;min-height:100dvh}.intro-page-wrapper{position:relative;min-height:100dvh;width:100vw;display:grid;grid-template-columns:2fr 3fr 1fr;grid-template-rows:auto auto auto 1fr auto}.header-text{display:flex;padding:3px 10px;margin-top:1vh;margin-left:1vw;color:#fff;font-size:1.5rem;grid-column:1/2;grid-row:1/2;text-align:left;width:fit-content;align-items:center;justify-content:center;background:#2626690d;border:1px solid rgba(100,80,180,.3);border-radius:30px}.location-header{display:flex;top:0;right:0;grid-row:1/2;grid-column:3/4;justify-self:end;align-items:center;background:#2626690d;border:1px solid rgba(100,80,180,.3);border-radius:30px;width:fit-content;padding:3px 12px 3px 10px;margin-top:1vh;margin-right:1vw}.location-header-inner{display:flex;height:100%;flex-direction:row;align-items:center}.location-header img{height:2.5vh}.location-header-text{font-size:1.5rem}.intro-nav-container{display:flex;flex-direction:column;grid-row:2/5;grid-column:3/4;margin-right:4%;justify-content:center;overflow:hidden;align-items:flex-end}.intro-nav-text{display:flex;color:#fff;font-size:clamp(1rem,2vw,2rem);text-align:right;position:relative;animation:slide-down 1s forwards,fade-in 1s forwards;margin-bottom:15vh;transition:transform .4s ease;cursor:pointer;overflow:hidden;opacity:0;background:#2626690d;border:1px solid rgba(100,80,180,.3);border-radius:30px;width:fit-content;padding-left:12px;padding-right:12px}.intro-nav-text:nth-child(1){animation-delay:0s,0s}.intro-nav-text:nth-child(2){animation-delay:.1s,.1s}.intro-nav-text:nth-child(3){animation-delay:.2s,.2s}.intro-nav-text:hover{transform:translate(-3%)!important}.large-name-container{background:none;color:#fff;grid-row:3/4;grid-column:1/3;margin-top:0;padding-top:0;align-items:start}.large-name-wrapper{display:flex;flex-direction:row;padding-left:10%;padding-top:0;min-height:7vw}.letter-span{display:inline-block;width:1ch;min-width:1ch;text-align:center;font-size:7vw;font-family:Montserrat,sans-serif;color:#fff;font-weight:600;padding-left:1vw;padding-right:5px;cursor:default;line-height:1}.hi-im-text{grid-row:2/3;grid-column:1/2;color:#fff;text-align:left;font-size:2rem;padding-left:12%;padding-top:15%;margin:0}.interests-text-wrapper{grid-row:4/5;grid-column:2/3;color:#fff;text-align:left;padding-left:5%;font-size:clamp(1rem,2vw,1.75rem);padding-top:5%;font-weight:500}.interests-text-1{position:relative;opacity:0;animation:fade-in 1s 3s forwards}.interests-text-2{position:relative;opacity:0;animation:fade-in 1s 4.7s forwards}.faceshot-div{grid-row:4/5;grid-column:1/2;object-fit:contain}.faceshot-div img{max-width:200px}.faceshot-div img:hover{transform:scale(1.3)}.links-div{display:flex;flex-direction:row;grid-row:5/6;grid-column:1/4;align-items:center;justify-self:center;gap:30px;margin-bottom:1%;overflow:hidden;width:fit-content;background:#2626690d;border:1px solid rgba(100,80,180,.3);border-radius:30px;padding:4px 12px}.links-div img{max-width:60px;cursor:pointer}.links-div img:hover{transform:scale(1.1)}#background{max-width:100vw;max-height:100vh}.leave-page{position:relative;animation:fade-out .3s forwards,slide-out .7s forwards}.intro-nav-container-leave-page{position:relative;animation:slide-down .5s reverse,fade-out .3s forwards}.links-div-leave-page{position:relative;animation:slide-down .3s reverse,fade-out .3s forwards}.open-to-work{grid-row:4/5;grid-column:2/3;text-align:left;position:relative;font-size:clamp(1rem,2vw,1.75rem);padding-top:5%;font-weight:500;font-size:2.5vh;margin-bottom:1%;opacity:0%;animation:fade-in 1s 6s forwards;font-style:italic}@keyframes slide-right{0%{left:-50%}to{left:0}}@keyframes enlarge{0%{transform:scale(1)}70%{transform:scale(2)}to{transform:scale(3)}}@keyframes fade-in{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-down{0%{transform:translateY(500px)}to{transform:translateY(0)}}@keyframes slide-out{0%{left:0}to{left:50%}}#name{text-align:center;position:relative;font-size:1rem;animation-fill-mode:forwards;animation:slide-right 1.2s forwards,enlarge 1.4s forwards,fade-in 1 forwards}#view-portfolio-button{position:relative;opacity:0;animation:fade-in 1s 2s forwards;outline-color:#424874;grid-row:1/2;grid-column:2/3;transition:transform .4s ease,background-color .2s ease}#view-portfolio-button:hover{transform:scale(1.05);background-color:#a6b1e1}.back-button-project{position:fixed;top:0;left:0;margin:10px;color:#fff;font-size:2vh;z-index:1000;background:#2626690d;border:1px solid rgba(100,80,180,.3);border-radius:30px;padding:10px;cursor:pointer}@media(max-width:768px){.header-text{display:none}.intro-page-wrapper{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto auto auto}.intro-nav-container{position:absolute;grid-row:1/2;grid-column:unset;display:flex;flex-direction:row;justify-content:center;align-items:center;overflow:hidden;width:fit-content;margin:20px auto;padding:20px;background:#2626690d;border:1px solid rgba(100,80,180,.3);border-radius:999px;gap:15px;height:30px;left:50%;transform:translate(-50%)}.intro-nav-text{color:#fff;font-size:12pt;line-height:1;margin:0;padding:0;white-space:nowrap;animation:none;opacity:1;background-color:none;border-radius:none;border:0px}.hi-im-text{grid-row:2/3;grid-column:unset;font-size:15pt;margin-top:20px;height:fit-content}.large-name-container{grid-row:3/4;grid-column:unset}.large-name-wrapper{height:fit-content;width:fit-content}.letter-span{font-size:10vw}.faceshot-div{grid-row:4/5;grid-column:unset}.faceshot-div img:hover{transform:scale(1)}.interests-text-wrapper{grid-row:5/6;grid-column:unset}.links-div{grid-row:6/7;display:flex;flex-direction:row;margin:0 auto 1%;gap:30px;overflow:hidden;width:fit-content;background:#2626690d;border:1px solid rgba(100,80,180,.3);border-radius:30px;padding:4px 12px}.location-header{display:none}}.intro-modal-wrapper{position:fixed;z-index:1000;background-color:#000000b3;width:100vw;height:100vh}.intro-modal-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.intro-modal-content{position:absolute;width:100%;height:100%}.about-me-wrapper{width:100%;height:100%;display:flex;background-color:#66615e;flex-direction:column}.about-me-paragraph{font-size:1.5rem;text-align:left;padding:10px}.about-me-education-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.education-blurb{display:flex;flex-direction:row;background-color:#fff;border-radius:5pt;overflow:hidden;width:60%;box-shadow:5px #000}.degree-text{margin-left:15px;color:#000;font-size:2rem;text-align:left;font-weight:600}.uw-madison-text{font-size:1.5rem;margin-left:45px;text-align:left}.project-page-background{min-height:100dvh;height:100%;width:100vw;background:linear-gradient(120deg,#192d40,#0d1b2b,#242630);background-size:400% 400%;animation:waveFlow 20s ease infinite;display:flex;flex-direction:column}.page-content{position:relative;height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden}.projects-page-title{position:relative}.projects-wrapper{min-height:0;flex:1;width:100%;display:flex;flex-direction:row;margin:4% 0% 2%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:1%;padding-top:1%;scrollbar-width:none;-ms-overflow-style:none}.projects-wrapper::-webkit-scrollbar{display:none}.back-button-text{display:inline-block;color:#fff;font-size:2rem;text-align:left;position:relative;animation:slide-up 1s forwards,fade-in 1s forwards;transition:transform .4s ease;cursor:pointer;margin-left:2%;margin-top:1%;width:fit-content}.back-button-text:hover{transform:translate(5%)}.scroll-div{height:60px;display:flex;justify-content:center;align-items:center;gap:2%;opacity:0;animation:1s fade-in 1s forwards}.scroll-div img{max-height:40px}.scroll-div-img2{transform:rotate(180deg)}@keyframes slide-up{0%{top:-500px}to{top:0}}@media(max-width:768px){.projects-wrapper{flex-wrap:nowrap;justify-content:center;gap:1rem;align-items:center;padding-left:5%;padding-right:5%}}.project-component-wrapper{aspect-ratio:2/3;display:flex;height:100%;flex-direction:column;background:#2626960d;border:1px solid rgba(100,80,180,.6);border-radius:12px;box-shadow:10px 10px #0006;animation:slide-right 1s forwards,fade-in 1s forwards;position:relative;margin-left:4%;margin-right:4%;transition:box-shadow .3s ease,transform .3s ease;opacity:0}.project-component-wrapper:nth-child(1){animation-delay:0s,0s}.project-component-wrapper:nth-child(2){animation-delay:.1s,.1s}.project-component-wrapper:nth-child(3){animation-delay:.2s,.2s}.project-component-wrapper:nth-child(4){animation-delay:.3s,.3s}.project-component-wrapper:hover{border-color:#7fffd4;box-shadow:0 0 8px #7fffd499}.project-image-wrapper{padding:2%;margin-bottom:0;flex-shrink:0}.project-image2{min-width:0;min-height:0;width:100%;object-fit:contain;border-radius:12px}.project-title{padding-top:0;font-size:clamp(1rem,2vw,2rem);font-weight:600;color:#e6e6e6;margin:.25rem 0;margin-top:0}.project-description{text-align:left;margin:0 auto;width:90%;color:#e6e6e6;font-weight:200;font-size:clamp(.9rem,1.2vw,1.1rem);max-height:6em;overflow-y:auto}.feature-list2{display:flex;flex-direction:row;flex-wrap:wrap;gap:4%;margin:2%;justify-content:center}.feature2{flex:none;display:inline-block;background-color:#1e2b6699;border-radius:5px;white-space:nowrap;padding-left:2%;padding-right:2%;color:#95a7f5;border:1px #95A7F5 solid;cursor:default;margin:1% 0;justify-content:center}.tool-list2{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:4%;margin:2%}.tool2{flex:none;display:flex;align-items:center;justify-content:center;background-color:#72737599;border-radius:15px;white-space:nowrap;padding:.25vh 1vh;padding-left:2%;padding-right:2%;color:#fff;margin-bottom:1%;cursor:default}.tool2:hover{background-color:#38469c99}.feature2,.tool2{font-size:clamp(.7rem,1vw,.9rem)}.visit-site-button2{display:flex;flex-direction:row;gap:.5rem;justify-content:left;align-items:center;background-color:#0077e0;width:fit-content;margin-top:auto;margin-left:1rem;margin-bottom:1rem;border-radius:8px;padding:.75vh}.visit-site-button2:hover{transform:scale(1.1);cursor:pointer}.visit-site-text2{font-size:2vh;margin:0}.link-image2{height:1em;width:auto}@keyframes boxshadow-pulse{0%{box-shadow:0 0 6px #7fffd466}to{box-shadow:0 0 8px #7fffd499}}@media(max-width:768px){.project-component-wrapper{flex:0 0 80vw;height:60vh;aspect-ratio:auto;margin:.5rem 0}.project-image2{width:100%;height:auto}}.typing-page-container{display:flex;flex-direction:column;height:100%;width:100%;align-items:center}.typing-box{display:flex;flex-direction:column;align-items:flex-start;width:90%;max-width:800px;margin:20px auto;font-family:Courier New,Courier,monospace;position:relative}.timer{font-size:1.2rem;margin-bottom:10px;color:#333}.text{display:flex;overflow-x:hidden;white-space:nowrap;border:2px solid #ccc;padding:10px;border-radius:5px;width:60vw;height:10vh;min-height:50px;box-sizing:border-box;line-height:1.5;cursor:text;background-color:#f9f9f9;font-size:clamp(2rem,2.5rem,2.5rem);align-items:center}.text::-webkit-scrollbar{display:none}.text{-ms-overflow-style:none;scrollbar-width:none;color:#4a4a4a}.correct{color:green}.error{color:red}.cursor{border-left:2px solid black;animation:blink 1s step-start infinite}@keyframes blink{50%{border-color:transparent}}.input{position:absolute;opacity:0;left:0;top:0;height:100%;width:100%;font-size:2rem;border:none;outline:none;pointer-events:auto}.resultsmodal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:100}.modalcontent{background:#fff;padding:2rem;border-radius:10px;text-align:center;min-width:300px}.back-button{position:fixed;top:20px;left:20px;z-index:100;background:none;border:none;padding:0;cursor:pointer}.back-button img{width:40px;height:40px}.typing-title{font-size:clamp(3rem,6vw,5rem);font-weight:700;text-align:center;margin:20px 0;color:#424874;-webkit-user-select:none;user-select:none}.test-complete-text,.results-modal-text{color:#4a4a4a}.home-page{min-height:100vh;min-width:100vw;background-image:url(/BackgroundSnowboard.png);background-repeat:no-repeat;background-position:center top;background-size:cover;display:flex;justify-content:center;align-items:center;overflow:hidden}.navigate-movie-page-button{position:absolute;top:75%;left:70%;background-color:red}.navigate-bet-the-bracket-button{position:absolute;top:90%}.season-pass-sticker-wrapper{position:absolute;top:25%;left:38%;cursor:pointer;transition:transform .2s ease}.season-pass-sticker-wrapper:hover{transform:scale(1.1)}.season-pass-sticker{width:250px;rotate:-5deg;animation:sticker-bounce 3.5s ease-in-out infinite}.season-pass-sticker:hover{animation-play-state:paused}@keyframes sticker-bounce{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(.4deg)}to{transform:translateY(0) rotate(0)}}*{margin:0;padding:0}body{margin:0;padding:0;overflow-x:hidden}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:auto}.grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto 1fr auto;height:100vh;width:100vw;gap:.25rem;box-sizing:border-box}.gk-logo{width:60px;margin:10px}.recent-watches-container{grid-column:1/2;grid-row:3/4;overflow:hidden;box-sizing:border-box;padding:8px;display:flex;align-items:center}.favorite-movies-text{grid-column:2/3;grid-row:2/3;text-align:left;padding-left:15px;color:#a5c9ca;font-size:clamp(1.2rem,2.5vw,2rem)}.recent-watches-row{display:flex;align-items:center;gap:.5rem;width:100%;box-sizing:border-box;position:relative;height:fit-content}.recent-watches{display:flex;flex:1;gap:.5rem;width:100%;box-sizing:border-box}.movie-card{width:calc((100% - 2.5rem) / 6);aspect-ratio:2 / 3;flex-shrink:0;border-radius:4px;overflow:hidden;background-color:#333;transition:transform .2s;cursor:pointer}.movie-card:hover{transform:scale(1.05)}.movie-card img{width:100%;height:100%;object-fit:cover;border-radius:4px}.right-arrow{flex-shrink:0;max-height:200px;height:calc(((100vw - 2rem)/2 - 3.5rem)/4);width:auto;cursor:pointer;opacity:.7;transition:opacity .2s;object-fit:contain}.left-arrow{flex-shrink:0;max-height:200px;height:calc(((100vw - 2rem)/2 - 3.5rem)/4);width:auto;cursor:pointer;opacity:.7;transition:opacity .2s;object-fit:contain;transform:rotate(180deg)}.search-movies-box{grid-column:1/3;grid-row:4/5;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr}.search-movies-search-box{grid-column:1/3;grid-row:1/2;display:grid;grid-template-columns:25% 50% 25%;width:100%}.movie-info p{margin:.25rem 0 0;font-size:.9rem}.movie-page-title{display:flex;flex-direction:row;grid-column:1/3;grid-row:1/2;border-bottom:4px outset #A5C9CA;color:#a5c9ca;justify-content:center;align-items:center}.recently-watched-text{grid-column:1/2;grid-row:2/3;text-align:left;padding-left:15px;color:#a5c9ca;font-size:clamp(1.2rem,2.5vw,2rem)}.normal-text{color:#a5c9ca;margin:0;text-align:left}.favorite-movies-container{grid-column:2/3;grid-row:3/4;width:100%;padding:8px;overflow:hidden;box-sizing:border-box;display:flex;align-items:center}.select-wrapper{position:relative;width:250px;margin-right:20px}.select-genre{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;width:100%;height:50px;background:transparent;padding-right:2.5rem}.select-genre:focus{outline:none;box-shadow:none}.select-button-custom{pointer-events:none;position:absolute;top:0;right:50%;transform:translateY(-50%) translate(50%);height:100%;width:100%;background-size:contain}.select-genre option{background-color:#e7f6f2}.slider-wrapper{display:flex;flex-direction:column;gap:16px;margin-right:20px}.audience-rating-bar{padding-bottom:10px}.inner-wrapper-search{grid-column:2;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.movie-search-results-box{grid-column:1/3;grid-row:5/6;padding:16px;overflow-y:auto;box-sizing:border-box;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;width:100%}.search-result-card{aspect-ratio:2 / 3;border-radius:4px;overflow:hidden;background-color:#333;transition:transform .2s;cursor:pointer}.search-result-card:hover{transform:scale(1.05)}.page-container{display:flex;border-top:4px outset #A5C9CA;justify-content:center}.page-buttons{display:flex;justify-content:center;gap:.5rem;margin-top:5px}.search-result-card{position:relative;aspect-ratio:2 / 3;border-radius:4px;overflow:hidden;background-color:#333;transition:transform .2s;cursor:pointer}.search-result-movie-card{width:100%;height:100%;object-fit:cover;display:block}.audience-score-wrapper{position:absolute;top:6px;left:6px;width:32px;height:32px;z-index:10;display:flex;align-items:center;justify-content:center}.audience-score-img{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.audience-rating-on-img{position:relative;z-index:11;margin:0;font-size:10px;font-weight:700;color:#fff;text-align:center}.sort-by-wrapper{display:flex;flex-direction:row;align-items:center;gap:5px}.sort-by-select{color:#395b64}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#2c3333;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-animation{width:10%}.rc-slider{position:relative;width:100%;height:14px;padding:5px 0;border-radius:6px;touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-rail{position:absolute;width:100%;height:4px;background-color:#e9e9e9;border-radius:6px}.rc-slider-track,.rc-slider-tracks{position:absolute;height:4px;background-color:#abe2fb;border-radius:6px}.rc-slider-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);transform:translateY(-5px)}.rc-slider-handle{position:absolute;z-index:1;width:14px;height:14px;margin-top:-5px;background-color:#fff;border:solid 2px #96dbfa;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;opacity:.8;-webkit-user-select:none;user-select:none;touch-action:pan-x}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete{opacity:0}.rc-slider-handle:focus{outline:none;box-shadow:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:-webkit-grabbing;cursor:grabbing}.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.rc-slider-mark-text{position:absolute;display:inline-block;color:#999;text-align:center;vertical-align:middle;cursor:pointer}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:transparent}.rc-slider-dot{position:absolute;bottom:-2px;width:8px;height:8px;vertical-align:middle;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;cursor:pointer}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-track-draggable{border-top:0;border-right:5px solid rgba(0,0,0,0);border-bottom:0;border-left:5px solid rgba(0,0,0,0);transform:translate(-5px)}.rc-slider-vertical .rc-slider-handle{position:absolute;z-index:1;margin-top:0;margin-left:-5px;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-leave{display:block!important;animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{transform:scale(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform:scale(0);transform-origin:50% 100%;opacity:0}to{transform:scale(1);transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{transform:scale(0);transform-origin:50% 100%;opacity:0}}.rc-slider-tooltip{position:absolute;top:-9999px;left:-9999px;visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{min-width:24px;height:24px;padding:6px 2px;color:#fff;font-size:12px;line-height:1;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}.bar-slider .rc-slider-rail{height:20px;background-color:#395b64;border-radius:6px}.bar-slider.rc-slider{padding:0;margin:0}.bar-slider .rc-slider-track{height:20px;background:linear-gradient(90deg,#e7f6f2,#a5c9ca);border-radius:6px}.bar-slider .rc-slider-handle{display:none}.bar-wrapper{width:300px;display:flex;flex-direction:column;align-items:left;margin-top:-5}.bar-label{font-weight:600;color:#a5c9ca;margin-bottom:0;line-height:1;text-align:left}.bar-value{font-size:.9rem;color:#a5c9ca;text-align:right}.bar-slider-container{width:100%}.bar-info-wrapper{display:flex;width:100%;flex-direction:row;justify-content:space-between}.bar-label-wrapper{align-items:left;padding-left:5px}.bar-value-wrapper{align-items:right}.page-buttons .ellipsis{padding:6px 12px;color:#e7f6f2;font-weight:700;display:flex;align-items:center;justify-content:center}.page-buttons button{padding:6px 12px;border-radius:5px;border:1px solid #333;background-color:#395b64;cursor:pointer;font-weight:400;color:#a5c9ca}.page-buttons button:hover{background-color:#283f46}.page-buttons button.active-page{background-color:#2c3333;color:#fff;font-weight:700;border-color:#395b64}.page-buttons button:focus{outline:none}body.modal-open{overflow:hidden}.modal-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden}.modal-card{width:min(30vw,40vh);aspect-ratio:2/3;position:relative;perspective:1000px;transform-style:preserve-3d;transition:transform .8s ease-in-out}.modal-card.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;border-radius:10px;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:0 8px 20px #0000004d}.card-front{background-color:#1e1e2f;background-size:cover;background-repeat:no-repeat;background-position:center}.card-front img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px}.card-back{background-size:cover;background-position:center;background-repeat:no-repeat;transform:rotateY(180deg);background-color:#a5c9cae6}.movie-backdrop{position:relative;z-index:1;grid-row:1/3;grid-column:1/3;width:100%;opacity:30%;border-top-left-radius:10px;border-top-right-radius:10px}.card-back-wrapper{position:relative;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto auto auto 1fr;height:100%;width:100%;aspect-ratio:2/3;background:linear-gradient(135deg,#395b64,#2c3333);background-size:400% 400%;animation:gradientShift 8s ease infinite;border-radius:10px}.movie-title{text-shadow:0 2px 5px rgba(0,0,0,.3);color:#a5c9ca;font-weight:700;grid-row:1/2;grid-column:1/2;text-align:left;margin-left:15px;z-index:2}.year{grid-row:1/2;grid-column:2/3;text-shadow:0 2px 5px rgba(0,0,0,.7);text-align:right;padding-right:15px;padding-top:10px;color:#a5c9ca;z-index:2}.synopsis-wrapper{grid-row:4/5;grid-column:1/3;margin:5px;border:2px solid #A5C9CA;border-radius:10px;justify-content:start;overflow-y:auto;max-height:100%;scrollbar-width:none}.synopsis{margin:3px;font-size:.75em;color:#a5c9ca}.audience-rating-wrapper{position:absolute;top:37%;z-index:3;height:10%;transform:translateY(-100%);width:auto}.audience-rating-img{width:100%;height:100%;object-fit:contain}.audience-rating-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:700;color:#fff;text-align:center}.gunnar-rating-wrapper{position:absolute;top:37%;z-index:3;height:10%;right:5px;transform:translateY(-100%);width:auto}.gunnar-rating-img{width:100%;height:100%;object-fit:contain}.gunnar-rating-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;font-weight:700;color:#fff;text-align:center}.genre-wrapper{display:flex;grid-column:1/3;grid-row:3/4;height:auto;margin-top:3px;align-items:center;justify-content:space-evenly}.genre{color:#a5c9ca}.streaming-wrapper{grid-row:5/6;grid-column:1/3;height:100%;width:100%}.streaming-service{margin-left:5px;color:#a5c9ca;font-size:.75rem}.service-link{cursor:pointer}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.betthebracket-root .auth-page{background-color:var(--background-color);display:flex;justify-content:center;align-items:center;padding:0}.betthebracket-root .auth-card{background-color:var(--surface-color);padding:var(--spacing-large);border-radius:var(--border-radius);box-shadow:0 8px 20px #0000001a;width:100%;max-width:400px;border:1px solid var(--border-color);justify-content:center}.betthebracket-root .auth-card h1{color:var(--primary-color);margin-bottom:var(--spacing-medium);font-size:var(--font-large)}.betthebracket-root .auth-card form{display:flex;flex-direction:column}.betthebracket-root .auth-card img{width:25%;height:25%}.betthebracket-root .auth-card input{padding:var(--spacing-small);border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:#fff;color:var(--text-color);width:100%;box-sizing:border-box}.betthebracket-root .auth-card button{margin-top:var(--spacing-small)}.betthebracket-root .auth-card .secondary-action{margin-top:var(--spacing-medium);text-align:center}.betthebracket-root .auth-card .secondary-action button{background-color:transparent;color:var(--link-color);border:none;cursor:pointer;padding:0;font-size:var(--font-small)}.betthebracket-root .auth-card .secondary-action button:hover{color:var(--hover-color);text-decoration:underline}.top-navbar{top:0;left:0;right:0;width:100%;z-index:1000;height:8vh;position:fixed;background-color:var(--primary-color)}.navbar-container{height:100%;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.betthebracket-logo{height:80%;width:auto;margin-left:10px}.betthebracket-logo:hover{cursor:pointer;transform:scale(1.05)}.nav-links{display:flex;width:100%;height:100%;flex-direction:row;justify-content:space-evenly;align-items:center;font-size:larger;color:var(--background-color);padding:0;margin:0}.top-navbar .nav-bar-button{background-color:var(--primary-color);color:var(--background-color);width:100%;height:100%;padding:0;border-radius:0;border:none;margin:0 10px}.top-navbar .nav-bar-button:hover{background-color:var(--text-color)}.top-navbar .logout-button{background-color:var(--background-color);color:var(--text-color);border-radius:10px;margin-right:10px}.top-navbar .logout-button:hover{background-color:var(--hover-color)}.cbb-game-modal-body{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:5}.cbb-left-team-title{grid-column:1/2;grid-row:1/2;text-align:center}.cbb-right-team-title{grid-column:3/4;grid-row:1/2;text-align:center}.vs{grid-column:2.3;grid-row:1/2;text-align:center}.cbb-left-score-div{grid-column:1/2;grid-row:2/3;align-items:center;text-align:center}.cbb-right-score-div{grid-column:3/4;grid-row:2/3;align-items:center;text-align:center}.cbb-game-start-time{grid-column:1/4;grid-row:5/6}.cbb-game-status{grid-column:1/4;grid-row:3/4}.cbb-game-winner{grid-column:1/4;grid-row:4/5}.win{background-color:#2e7d3226;color:#2e7d32}.loss{background-color:#c6282826;color:#c62828}.betthebracket-root .bracket-container{overflow-x:auto;padding-bottom:2rem}.bracket-wrapper{width:100%;height:100vh}.betthebracket-root .bracket-grid{display:grid;grid-template-columns:repeat(11,auto);gap:2rem;justify-content:center;align-items:start;position:relative;min-width:max-content}.betthebracket-root .bracket-column{display:flex;flex-direction:column;align-items:center;position:relative}.betthebracket-root .bracket-game{width:100%;max-width:250px}.betthebracket-root .bracket-column.round-64 .bracket-game{margin:1rem 0}.betthebracket-root .bracket-column.round-32 .bracket-game:not(:first-child){margin-top:6rem}.betthebracket-root .bracket-column.round-16 .bracket-game:not(:first-child){margin-top:12rem}.betthebracket-root .bracket-column.round-8 .bracket-game:not(:first-child){margin-top:24rem}.betthebracket-root .bracket-column.final-four .bracket-game:not(:first-child){margin-top:24rem}.betthebracket-root .bracket-column.center .bracket-game{margin-top:12rem}.betthebracket-root{--primary-color: #009CDE;--background-color: #F9FAFB;--surface-color: #FFFFFF;--border-color: #E0E0E0;--text-color: #1F2937;--link-color: #1D4ED8;--hover-color: #2563EB;--spacing-small: 8px;--spacing-medium: 16px;--spacing-large: 32px;--font-small: .875rem;--font-medium: 1rem;--font-large: 1.5rem;--font-xlarge: 2.5rem;--border-radius: 8px;--transition-speed: .3s}.betthebracket-root{display:flex;min-height:100vh}.betthebracket-root h1,.betthebracket-root h2,.betthebracket-root h3,.betthebracket-root h4,.betthebracket-root h5,.betthebracket-root h6{color:var(--text-color);margin-bottom:var(--spacing-small)}.betthebracket-root a{color:var(--link-color);text-decoration:none;transition:color var(--transition-speed)}.betthebracket-root a:hover{color:var(--hover-color);text-decoration:underline}.betthebracket-root button{background-color:var(--primary-color);color:#fff;padding:var(--spacing-small) var(--spacing-medium);border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color var(--transition-speed)}.betthebracket-root button:hover{background-color:var(--hover-color)}.slot-page-wrapper{display:flex;flex-direction:column;height:100vh;width:100vw;padding:15px;background:linear-gradient(-45deg,#2a2a40,#3b3b60,#4c4c80,#2a2a40);background-size:400% 400%;animation:gradientMove 15s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.slot-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;height:95%;width:100%;margin-top:5%}.reels-wrapper{display:grid;grid-template-columns:repeat(5,1fr);height:70%;width:70%;gap:10px;border:2px solid blue;background-color:#ffffff80}.reel{width:100%;height:100%;overflow:hidden;position:relative}.reel-strip{display:flex;flex-direction:column}.symbol{display:flex;justify-content:center;align-items:center;border:1px solid grey;box-sizing:border-box}.slot-symbol-img{max-height:90%;max-width:90%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.slot-settings-div{margin-top:2%;width:100%;display:flex;flex-direction:row;justify-content:space-evenly}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%}.about-me-page-wrapper{background:linear-gradient(120deg,#192d40,#0d1b2b,#242630);background-size:400% 400%;animation:waveFlow 20s ease infinite;margin:0;padding:0 0 100px;color:#fff;z-index:1;min-height:100vh;scrollbar-width:none}.about-me-page-wrapper::-webkit-scrollbar{display:none}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.about-me-header{position:fixed;display:flex;flex-direction:row;justify-content:space-evenly;width:30%;left:50%;top:15px;transform:translate(-50%);background:#2626961a;border:1px solid rgba(100,80,180,.8);margin-top:5px;border-radius:30px;z-index:1000}.about-me-header-text{font-size:3vh;cursor:pointer}.about-me-page-container{padding-top:100px;position:relative;width:100%;display:flex;flex-direction:column;gap:50px}.personal-info-container{display:flex;flex-direction:row;flex-wrap:wrap;width:50%;align-items:center;justify-content:center;margin:0 auto;background:#2626690d;border:1px solid rgba(100,80,180,.3);border-radius:14px;gap:20px;padding:20px}.personal-statement{flex:1;width:50%;font-size:clamp(14px,1.5vw,20px);text-align:left}.gallery-container{position:relative;overflow:hidden;border-radius:30px;max-width:50%;object-fit:contain;max-height:400px;max-width:400px}.gallery-image{width:100%;height:auto;display:block}.education-container{width:100%;display:flex;flex-direction:column;gap:20px}.education-block{display:flex;justify-content:space-between;align-items:center;width:50%;padding:18px 22px;margin:0 auto;background:#2626690d;border-radius:14px;border:1px solid rgba(100,80,180,.3);transition:transform 1s ease,box-shadow .2s ease}.education-block:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000040;background:#ffffff1a}.education-block-text-flex{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:50%}.school-text{font-size:16px;opacity:.85}.uw-logo{max-height:100px;width:auto;object-fit:contain}.degree-text{font-size:20px;font-weight:600;color:#fff;margin:0}.tech-stack-container{display:flex;flex-direction:column;width:50%;margin:0% auto;background:#2626690d;border-radius:14px;border:1px solid rgba(100,80,180,.3);justify-content:center;overflow:hidden;padding:18px 22px}.tech-stack-text{font-size:22px;font-weight:700;padding:18px 22px 14px;letter-spacing:.5px;position:relative}.tech-stack-nav-bar{display:flex;flex-direction:row;gap:1%}.tech-stack-nav-bar-option{display:flex;flex:1;background:#2626960d;border:1px solid rgba(100,80,180,.3);border-radius:15px;height:50px;align-items:center;justify-content:center;margin:2%;cursor:pointer}.tech-stack-nav-bar-option:hover{transform:scale(1.05)}.tech-stack-selected{transform:scale(1.05);background-color:#192d40}.tech-stack-divider{background:#ffffff1a;height:2px;border:none;box-shadow:0 3px 8px 1px #000}.tech-stack-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:20px;margin:20px}.tech-stack-widget{border-radius:12px;aspect-ratio:1/1;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:transform .15s ease,box-shadow .15s ease}.tech-stack-widget:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000040;background:#ffffff1a}.tech-stack-widget img{max-height:55%;width:auto;object-fit:contain}.tech-stack-tool-name{font-size:13px;text-align:center;color:#fff;opacity:.85}.tech-stack-level-bar{width:80%;height:6px;background:#fff3;border-radius:3px;margin-top:6px}.tech-stack-level-fill{height:100%;background:#00bfff;border-radius:3px}.back-button-about-me{position:fixed;left:20px;top:20px;z-index:1001;cursor:pointer;padding:10px 20px;background:#2626960d;border:1px solid rgba(100,80,180,.3);border-radius:20px;transition:transform .2s ease;max-height:30px;display:flex;text-align:center;align-items:center}.back-button-about-me-text{align-items:center}.resume-button{position:fixed;display:flex;flex-direction:row;align-items:center;right:20px;top:20px;z-index:1001;cursor:pointer;padding:10px 20px;background:#2626960d;border:1px solid rgba(100,80,180,.3);border-radius:20px;transition:transform .2s ease;color:#fff;font-weight:400}.download-icon{max-height:30px}.soft-skills-container{display:flex;flex-direction:column;width:50%;margin:0% auto;background:#2626690d;border-radius:14px;border:1px solid rgba(100,80,180,.3);justify-content:center;overflow:hidden;padding:18px 22px;gap:2vh}.soft-skills-title{font-size:22px;font-weight:700;padding:18px 22px 14px;letter-spacing:.5px;position:relative}.soft-skills-widget{display:flex;flex-direction:row;height:100px;width:95%;margin:0 auto;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:5px}.soft-skills-widget-title{display:flex;flex:0 0 auto;height:100%;aspect-ratio:1/1;justify-content:center;align-items:center;background:#2626694d;border-radius:14px;border:1px solid rgba(100,80,180,.3);mix-blend-mode:destination-out;flex-wrap:wrap;text-wrap:wrap;font-size:.8rem}.soft-skills-widget:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000040;background:#ffffff1a}.soft-skills-widget-content{display:flex;justify-content:center;align-items:center;text-align:left;margin-left:2%}.personal-info-container,.education-container,.tech-stack-container,.soft-skills-container{transform:translateY(-50px);opacity:0%;animation:slide-up-about-me .8s forwards}.personal-info-container{animation-delay:.1s}.education-container{animation-delay:.3s}.tech-stack-container{animation-delay:.5s}.soft-skills-container{animation-delay:.7s}@keyframes slide-up-about-me{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.about-me-page-wrapper{overflow-x:hidden;width:100%}.about-me-page-container{width:100%;padding-left:5%;padding-right:5%}.personal-info-container,.education-block,.tech-stack-container{width:100%;margin:0}.about-me-header{display:none}.personal-info-container{flex-direction:column}.personal-statement,.gallery-container{width:100%;max-width:100%}.tech-stack-divider,.tech-stack-nav-bar{width:100%}.tech-stack-tools{grid-template-columns:repeat(2,1fr);gap:10px;justify-content:center}.tech-stack-widget{max-width:110px;margin:0 auto}.resume-button{max-height:30px}.soft-skills-container{width:100%}.widget-content-part-explanation{font-size:.5rem}}.contact-page-wrapper{background:linear-gradient(120deg,#192d40,#0d1b2b,#242630);background-size:400% 400%;animation:waveFlow 20s ease infinite;margin:0;padding:0;color:#fff;display:flex;flex-direction:column;width:100%;min-height:100vh;height:auto;-ms-overflow-style:none;scrollbar-width:none;overflow-y:overlay}.contact-page-wrapper::-webkit-scrollbar{display:none;background:transparent}.back-button-contact-page{position:fixed;left:0;top:0;margin-left:10px;margin-top:10px;background:#2626694d;border:1px solid rgba(100,80,180,.3);padding:10px;border-radius:50px;cursor:pointer}.contact-page-content-wrapper{margin:10% auto 0;width:50%;height:50%}.get-in-touch-text{font-size:3vh;font-weight:500}.get-in-touch-underline{width:20%;margin:0 auto;margin-bottom:3vh}.contact-me-text{font-size:2vh;font-weight:300}.contact-type-wrapper{margin-top:5%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.contact-container{background:#2626690d;border:1px solid rgba(100,80,180,.3);grid-row:1/2;grid-column:1/2;height:8vh;border-radius:8px;display:flex;align-items:center;width:90%;justify-self:center;cursor:pointer}.contact-container:hover{transform:scale(1.05)}.contact-logo{max-height:60px;object-fit:contain}.contact-flex{display:flex;flex-direction:column;text-align:left;padding-left:10%}.contact-type-text{font-weight:500}.contact-method-text{font-weight:300}.direct-contact-wrapper{display:flex;flex-direction:column;margin:5% auto 0;width:95%;height:50%;background:#2626690d;border:1px solid rgba(100,80,180,.3);border-radius:8px}.direct-contact-title{font-size:2vh;font-weight:400;width:fit-content;height:fit-content;padding:4px;border-radius:8px;margin:8px;align-items:center}.name-input{background:#26266933;border:1px solid rgba(100,80,180,.3);width:30%;margin:8px;height:10%;border-radius:8px;padding:5px;color:#fff;font-weight:100;font-size:1.5vh}.message-input{background:#26266933;border:1px solid rgba(100,80,180,.3);max-width:98%;margin:8px;padding:5px;min-height:0;flex:1;color:#fff;font-weight:100;font-size:1.5vh}.name-input:focus{outline:none;border:1px solid rgba(140,120,255,.8);box-shadow:0 0 6px #8c78ff80}.message-input:focus{outline:none;border:1px solid rgba(140,120,255,.8);box-shadow:0 0 6px #8c78ff80}.send-div{max-height:20px;display:flex;flex-direction:row;margin:5px 5px 12px;width:fit-content;bottom:0;padding:20px;justify-content:left;align-items:center;background:#26266980;border:1px solid rgba(100,80,180,.3);border-radius:15px;cursor:pointer}.send-div img{object-fit:contain;max-width:30px;margin-left:8px}@media(max-width:786px){.contact-page-content-wrapper{margin:10% auto 0;width:90%;height:auto}.contact-type-wrapper{display:flex;flex-direction:column;gap:8px;align-items:center}.contact-container{margin:0;width:95%;font-size:2vh}}.main-page-wrapper{width:100%;height:100%}.content-wrapper{display:flex;flex-direction:column;max-width:50%;height:100%;margin:0 auto;border:1px black;align-items:center}.header-wrapper{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.previous-day-button{display:flex;justify-content:center;align-items:center;cursor:pointer;text-decoration:underline}.main-page-title{color:var(--light-mode-text)}.board-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;border:1px black outset;border-radius:20px;width:70%;aspect-ratio:1/1;align-items:stretch;justify-items:stretch;position:relative;background-color:#b0b0b0cc}.clue-tile{display:flex;border:1px white outset;border-radius:20px;justify-content:center;align-items:center;margin:1vw;cursor:pointer;overflow:hidden;background-color:#ebac91cc}.clue-tile.selected{border:3px solid green;transform:scale(1.05)}.clue-tile img{width:100%;height:100%;object-fit:contain;-webkit-user-drag:none}.clue-tile:hover{transform:scale(1.05)}.admin-button{position:fixed;top:0;right:0}.solved-movie-overlay{display:flex;position:absolute;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:2vw;border-radius:20px;z-index:10}.submit-button{margin:1%;width:100%;height:5%;border-radius:10px}.admin-login-modal{position:fixed;display:flex;flex-direction:column;height:200px;width:200px;background-color:#fff;justify-content:space-evenly;border-radius:15px;align-items:center;top:15px;right:15px}.admin-login-input{width:60%}.admin-login-button{width:40%}.admin-modal-backdrop{position:fixed;display:flex;background:#00000080;width:100%;height:100%}@media(max-width:768px){.content-wrapper{max-width:90%;height:100%;margin:0 auto;border:1px black;align-items:center}.main-page-title{grid-row:1/2;grid-column:1/3;font-size:20pt}.header-wrapper{margin-top:40px;width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:0px}.admin-button{display:none}}.admin-page-wrapper{display:flex;flex-direction:row;gap:20px;padding:20px;min-height:100vh}.game-create-wrapper{flex:1;height:80vh;width:100%;display:grid;grid-template-rows:repeat(4,1fr);gap:20px}.movie-wrapper{width:70%;display:flex;flex-direction:column;justify-content:center}.movie-clues-row{height:200px;gap:10px;justify-content:start;align-items:center;display:flex;flex-direction:row;width:100%}.movie-clue{height:90%;aspect-ratio:1/1;background-color:#ddd;border:1px solid gray;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .2s;margin:10px}.movie-name-input{display:flex;height:20px;align-items:center}