@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}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}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;min-height:70vh;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}.intro-page-wrapper{height:100vh;width:100vw;display:grid;grid-template-columns:2fr 3fr 1fr;grid-template-rows:auto auto auto 1fr auto}.header-text{padding:8px;color:#fff;font-size:1.5rem;grid-column:1/3;grid-row:1/2;text-align:left}.intro-nav-container{display:flex;flex-direction:column;grid-row:2/5;grid-column:3/4;margin-right:4%;justify-content:center;overflow:hidden}.intro-nav-text{color:#fff;font-size:2rem;text-align:right;position:relative;animation:slide-down 1s forwards,fade-in 1s forwards;margin-bottom:15vh;transition:transform .4s ease;cursor:pointer}.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%)}.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: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 5s forwards}.faceshot-div{grid-row:4/5;grid-column:1/2;object-fit:contain}.faceshot-div img{max-width:200px}.links-div{display:flex;flex-direction:row;grid-row:5/6;grid-column:1/4;align-items:center;justify-content:center;gap:30px}.links-div img{max-width:60px;cursor:pointer}.links-div img:hover{transform:scale(1.1)}#background{max-width:100vw;max-height:100vh}@keyframes slide-right{0%{left:-300px}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 slide-down{0%{top:500px}to{top:0}}#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}.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;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:fixed;height:100vh;width:100vw;display:flex;flex-direction:column}.projects-page-title{position:relative}.projects-wrapper{height:100%;width:100%;display:flex;flex-direction:row;margin:5%;gap:5%}.bet-the-bracket-project-container{aspect-ratio:2 / 3;height:60%;background-color:#3c404f;border-radius:12px;display:grid;grid-template-rows:auto auto auto auto auto auto;border:1px solid black;box-shadow:10px 10px #0006}.bet-the-bracket-project-container:hover{border-color:#7fffd4;animation:boxshadow-pulse 3s infinite alternate}.project-image{grid-row:1/2;padding:2%;object-fit:contain}.project-image img{max-height:100%;max-width:100%;object-fit:contain;border-radius:8px}.project-name{grid-row:2/3;color:#fff;font-size:2.5vh}.description-text{grid-row:3/4;color:#e6e6e6;width:90%;margin:0 auto;text-align:left;font-size:1.8vh;font-weight:200}.feature-list{grid-row:4/5;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;width:auto;gap:4%;margin:2%}.feature{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;font-size:1.5vh;margin:1% 0;justify-content:center}.tool-list{grid-row:5/6;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;width:auto;gap:2%;margin:2%}.tool{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;font-size:1.5vh;cursor:default}.tool:hover{background-color:#38469c99}.visit-site{grid-row:6/7;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:hover{transform:scale(1.1);cursor:pointer}.visit-site-text{font-size:2vh;margin:0}.link-image{height:1em;width:auto}@keyframes boxshadow-pulse{0%{box-shadow:0 0 6px #7fffd466}to{box-shadow:0 0 8px #7fffd499}}.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(1rem,1.25rem,1.5rem);align-items:center}.text::-webkit-scrollbar{display:none}.text{-ms-overflow-style:none;scrollbar-width:none}.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:1.5rem;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}.title{position:absolute;top:10%;left:50%;transform:translate(-50%);font-size:clamp(3rem,6vw,5rem);font-weight:700;text-align:center;margin:20px 0;color:#424874;-webkit-user-select:none;user-select:none}.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 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}