:root{--primary-color: #C1A994;--secondary-color: #A68B74;--accent-color: #BFBAA8;--text-color: #59574A;--background-color: #D9D1BA;--crt-border-radius: 10px;--vignette-color-inner: rgba(0, 0, 0, 0);--vignette-color-outer: rgba(0, 0, 0, .5);--scanline-color: rgba(0, 0, 0, .08)}*{font-family:Montserrat,sans-serif;font-optical-sizing:auto}html{width:100%;height:100%;margin:0;background-color:#403c36;box-shadow:4px 4px 10px #00000080;position:relative;overflow:hidden;border-radius:var(--crt-border-radius)}html:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.2) 50%),linear-gradient(to right,transparent 50%,rgba(0,0,0,.2) 50%);background-size:4px 4px;pointer-events:none}html:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,var(--vignette-color-inner) 75%,var(--vignette-color-outer) 100%);pointer-events:none;border-radius:var(--crt-border-radius)}html,body{height:100%;margin:0}body{background:var(--background-color);background-size:cover;background-attachment:fixed;position:relative;overflow:hidden;color:var(--text-color)}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(to bottom,transparent,transparent 3px,var(--text-color) 3px,var(--text-color) 6px);opacity:.1;pointer-events:none}body:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,var(--primary-color) 0%,transparent 150%);opacity:.7;animation:pulse 10s ease-in-out infinite;pointer-events:none}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.6}}.headerBar{display:flex;width:100vw;justify-content:space-around;align-items:baseline;margin-top:16px;margin-bottom:128px;height:64px}.headerButtonOuterContainer{display:flex}.headerButtonInnerContainer{display:flex;padding:8px;gap:8px}.platform-item-container{font-size:1em;display:flex;border-top:2px solid transparent;border-bottom:2px solid transparent;align-items:center;padding:4px 0}.platform-item-container:hover{cursor:pointer;border-top:2px solid #403C36;border-bottom:2px solid #403C36}.platform-item-container:hover .platform-item-title,.platform-item-container:hover .platform-photo{background-color:#403c36;color:#bfbaa8}.platform-item-title{font-size:48px;width:calc(100% - 8px);height:64px}.platform-photo{height:64px;padding-right:8px}.headerButtonText{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:2em}.headerButton{width:15vw;padding-top:8px;padding-bottom:8px;background-color:#bfbaa8;color:#403c36;text-decoration:none;text-transform:uppercase;transition:padding-bottom .3s ease}.selectedHeaderButton{width:15vw;padding-top:8px;background-color:#403c36;color:#bfbaa8;padding-bottom:16px;text-decoration:none;text-transform:uppercase}.headerButton:hover{background-color:#403c36;color:#bfbaa8;padding-bottom:16px}.display-card{border-radius:4px;width:30vw;height:80vh;background-color:#bfbaa8;color:#403c36;overflow:scroll}.display-header{text-align:left;background-color:#403c36;color:#bfbaa8;padding:8px;margin-bottom:4px;font-size:1.5em}.display-title{margin:0}.display-image-body{max-width:90%;margin:8px;height:auto;display:block}.display-body{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:10px}.display-description{text-align:justify;font-size:1.3em;color:rgba(102,102,102,.507)C36;margin:16px}.display-footer{display:flex;width:100%;justify-content:flex-end;gap:16px}.horizontal-divider{border-top:1px solid #403c3694;border-radius:2px;margin-top:8px;margin-bottom:8px;width:90%}.projects-menu-container{display:flex;gap:5vw;margin:20px}.projects-menu-selector-list{display:flex;flex-direction:column;overflow-y:scroll;scrollbar-color:#403C36 transparent;padding:24px}.menu-selector-container{display:grid;grid-template-rows:auto auto auto 1fr auto;border-radius:4px;width:30vw;height:80vh;background-color:#bfbaa8;color:#403c36}.menu-item-container{padding-top:4px;padding-bottom:4px;border-top:2px solid transparent;border-bottom:2px solid transparent}.menu-item-title{padding-left:8px;padding-right:-8px;font-size:2.5em;width:calc(100% - 8px)}.menu-item-container:hover .menu-item-title{background-color:#403c36;color:#bfbaa8}.menu-item-container:hover{cursor:pointer;border-top:2px solid #403C36;border-bottom:2px solid #403C36}h4{font-weight:500;font-style:normal}h3{font-weight:600;font-style:normal}.panel-title{font-weight:700;font-style:normal;font-size:5em;text-shadow:10px 15px 1px #59574a88;margin-left:2vw;text-transform:uppercase}.long-text-display-card-container{display:flex;flex-direction:column;height:80vh;width:60vw;background-color:#bfbaa8}.short-text-display-card-container{display:flex;flex-direction:column;height:80vh;width:30vw;background-color:#bfbaa8}.long-text-display-card-title{display:flex;align-items:center;gap:8px;width:calc(100% - 16px);background-color:#8c8979;color:#403c36;font-size:1.5em;padding:8px;margin-bottom:4px}.long-text-display-card-header{color:#403c36;font-size:2em;padding:8px;margin-bottom:4px;text-transform:uppercase}.long-text-display-card-sections{color:#403c36;font-size:1.5em;padding:8px;margin-bottom:4px}.long-text-display-card-body{height:90%;overflow-y:scroll}.horizontal-divider-full-brown{border-top:3px solid #8C8979;border-radius:2px;margin-top:8px;margin-bottom:8px;width:95%;align-self:center}.square-black{height:24px;width:24px;background-color:#403c36}.prev-next-button{border-radius:8px;background-color:#403c36;color:#bfbaa8;font-size:2.5em;width:1em}.prev-next-button-container{display:flex;justify-content:center;gap:48px;text-align:center}.slideshow-circle-container{display:flex;justify-content:center;align-items:center;gap:12px}.selected-slideshow-circle-button{height:16px;width:16px;background-color:#8c8979;border-radius:50%}.slideshow-circle-button{height:16px;width:16px;background-color:#403c36;border-radius:50%}a{text-decoration:none;text-transform:uppercase;font-style:italic;color:#403c36;padding:16px}.spaced-box{display:flex;justify-content:space-between}.intro-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(#000000e6,#141414);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeOut .5s ease-in-out 4.5s forwards}.intro-content{text-align:left;position:relative;width:100%;max-width:600px}.sayarin-text{color:#59574a;font-size:2rem;text-transform:uppercase;text-align:center;margin-bottom:20px;opacity:1}.horizontal-line{width:0;height:2px;background:#59574a;box-shadow:0 0 10px #59574a;position:relative;left:0;animation:expandLine 5s ease-in-out forwards}.tech-text{opacity:0;transform:translate(-20px);animation:slideIn .8s ease-in-out forwards infinite}.tech-text:nth-child(1){animation:slideIn .4s ease-in-out .5s forwards}.tech-text:nth-child(2){animation:slideIn .4s ease-in-out .9s forwards}.tech-text:nth-child(3){animation:slideIn .4s ease-in-out 1.3s forwards}.tech-text:nth-child(4){animation:slideIn .4s ease-in-out 1.7s forwards}.tech-text:nth-child(5){animation:slideIn .4s ease-in-out 2.1s forwards}.tech-text:nth-child(6){animation:slideIn .4s ease-in-out 2.5s forwards}.tech-text:nth-child(7){animation:slideIn .4s ease-in-out 2.9s forwards}.tech-text:nth-child(8){animation:slideIn .4s ease-in-out 3.3s forwards}.tech-text:nth-child(9){animation:slideIn .4s ease-in-out 3.7s forwards}.tech-text:nth-child(10){animation:slideIn .4s ease-in-out 4.1s forwards}@keyframes expandLine{0%{width:0}to{width:100%}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}