body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.welcome-screen{background-color:#000;box-sizing:border-box;height:100vh;left:0;min-height:100vh;padding:2rem;position:fixed;text-align:center;top:0;z-index:980}.pulse-circle-container,.welcome-screen{align-items:center;display:flex;justify-content:center;width:100%}.pulse-circle-container{height:100%;max-width:1000px;position:relative}.pulse-circle-container:before{animation:pulse 2s ease-in-out infinite;border:2px solid #b1ad95;border-radius:50%;content:"";height:1500px;opacity:.7;position:absolute;width:1500px;z-index:-1}.welcome-content{align-items:center;display:flex;flex-direction:column;position:relative;z-index:1}.welcome-screen h1{color:#b1ad95;font-size:3rem;margin:0}.enter-button,.welcome-screen h1{font-family:Playfair Display,serif}.enter-button{background-color:#b1ad95;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1.25rem;margin-top:2rem;padding:.75rem 2rem;transition:all .3s ease}.enter-button:hover{background-color:#d6d3b8}@keyframes pulse{0%{opacity:.7;transform:scale(.7)}50%{opacity:.2;transform:scale(.85)}to{opacity:.7;transform:scale(.7)}}@media (max-width:768px){.welcome-screen h1{font-size:2rem}.enter-button{font-size:1rem;padding:.5rem 1.5rem}.pulse-circle-container:before{height:1000px;width:1000px}}@media (max-width:480px){.welcome-screen h1{font-size:1.5rem}.enter-button{font-size:.9rem;padding:.5rem 1rem}.pulse-circle-container:before{height:600px;width:600px}}.popup-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.popup-content{background:#fff;border-radius:8px;max-width:90%;min-width:300px;padding:20px}.video-dots{bottom:2vh;display:flex;gap:.6em;position:absolute;right:2vw;z-index:2}.video-dots .dot{background-color:#ffffff80;border-radius:50%;height:10px;transition:all .3s ease;width:10px}.video-dots .dot.active{background-color:#fff;height:16px;width:16px}.video-dots .dot:hover{cursor:pointer;height:16px;width:16px}.video-wrapper{height:14vh}.video-container,.video-wrapper{overflow:hidden;position:relative;width:100%}.video-container{background-color:#000;color:#fff;height:18vh;min-height:20vh}.video-wrapper video{display:block;height:100%;object-fit:cover;width:100%}.video-text{color:#fff;left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}.video-text h1{font-family:Playfair Display,serif;font-size:10vh;font-weight:700;white-space:nowrap}@media (max-width:768px){.video-text h1{font-size:4vh}.video-wrapper{height:8vh}.video-container{height:8vh;min-height:8vh}.video-dots{gap:.1em;padding-right:0}.video-dots .dot{height:8px;width:8px}.video-dots .dot.active{height:9px;width:9px}}.spinner-container{align-items:center;display:flex;height:100%;justify-content:center}.loading-spinner{border:5px solid #ac8764;border-radius:50%;border-top-color:#0000;height:50px;width:50px}body{text-align:center}#gridSection,body{background-color:#ac8764}#gridSection{grid-gap:25px;color:#58595b;display:grid;flex-wrap:wrap;gap:25px;grid-template-columns:repeat(2,minmax(300px,1fr));justify-content:center;list-style:none;margin:0;padding:4vh}.gridBoxes{background-color:#eadfc0;border-radius:5px;color:#58595b;cursor:pointer;font-family:Playfair Display,serif;font-weight:600;padding:10px 15px;text-decoration:none;transform:scale(1.02);transition:background-color .3s ease}.gridBoxes:hover{box-shadow:0 8px 16px #0003;transform:scaleX(1.2)}#container3{height:auto}#container1{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 2fr 1fr;grid-template-rows:auto auto;height:auto}.itemA{display:flex;grid-column:1;grid-row:1/span 3}.itemB{background:#63402c;grid-row:1}.itemB,.itemC{border-radius:100px;color:beige;display:flex;grid-column:2;margin:0}.itemC{background:#8f664a;grid-row:2}.itemD{background:#c5a787;border-radius:100px;color:beige;display:flex;grid-column:2;grid-row:3;margin:0}#portraitWrapper{align-self:center;border-radius:75px;grid-column:3;grid-row:1/span 3;height:200px;justify-self:center;overflow:hidden;position:relative;width:200px}#portraitWrapper img{border-radius:75px;height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:opacity .4s ease;width:100%}#portraitWrapper img.top{opacity:1;z-index:2}#portraitWrapper:hover img.top{opacity:0}.container1Grid{align-items:center;display:flex;justify-content:center;text-align:center}#container2:hover{background-color:#c6c2ab}#container2:active{background-color:#d1b896}#gridSection a{display:block}@media (max-width:768px){#gridSection{grid-template-columns:1fr;margin:auto 3vw;padding:2vh}#gridSection a{display:block;height:100%;margin:0;padding:0;width:100%}#container1{align-items:center;align-self:auto;display:flex;flex-direction:column;grid-column:auto;grid-row:auto;justify-self:auto;margin-bottom:10px}.itemB,.itemC,.itemD{border-radius:50px;padding:20px}}@media (max-width:1200px) and (min-width:769px){#gridSection{gap:15px;grid-template-columns:repeat(2,minmax(250px,1fr))}#container1{align-items:center;display:flex;flex-direction:column;gap:10px}#portraitWrapper{height:150px;width:150px}#portraitWrapper,#portraitWrapper img{border-radius:50px}.itemB,.itemC,.itemD{border-radius:10px;padding:5px}}.video-frame{background-color:#000;height:82vh;padding:5vh 20vw;z-index:1}.video-display_1,.video-frame{overflow:hidden;position:relative;width:100%}.video-display_1{background-color:#b1ad95;color:#fff;height:100%;min-height:20vh;z-index:3}.video-frame video{display:block;height:100%;object-fit:cover;width:100%;z-index:4}#videoPlayer{transition:transform .5s ease,opacity .5s ease}.swipe-out{opacity:0;transform:translateX(-100%)}.swipe-in{opacity:0;transform:translateX(100%)}.video-background-text{color:#fff;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:99}.video-background-text h1{font-family:Playfair Display,serif;font-size:10vh;font-weight:700;white-space:nowrap}.iconList{align-items:center;color:#fff;display:flex;gap:2vw;justify-content:center;padding-top:5vh;z-index:100}.iconList svg{cursor:pointer;transition:transform .2s ease,color .2s ease}#oracleIcon:hover{color:#f44f4f}#pythonIcon:hover{color:#bd03ff}#reactIcon:hover{color:#20c0fa}#javascriptIcon:hover{color:#faaa36}#cIcon:hover{color:#02ff13}.iconList svg:hover{transform:scale(1.2)}.pulse-circle-container1{align-items:center;display:flex;height:100%;justify-content:center;max-width:1000px;position:relative;width:100%}#circle1{height:100px;right:75%;top:0;width:100px}#circle1,#circle2{animation:pulse1 2s ease-in-out infinite;border:2px solid #b1ad95;border-radius:50%;opacity:.7;position:absolute;z-index:2}#circle2{height:300px;left:70%;top:10%;width:300px}@keyframes pulse1{0%{opacity:.7;transform:scale(.7)}50%{opacity:.2;transform:scale(.85)}to{opacity:.7;transform:scale(.7)}}body{background-color:#000;color:#fff;height:100%}.LanguageTitle{font-size:9vh;margin-bottom:2vh}.ProjectHeader{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.OneProject{padding-bottom:10vh;padding-left:var(--projects-table-left);padding-right:var(--projects-table-right)}.ProjectName{font-size:6vh}.ProjectDescription,.ProjectName{text-align:left}.LanguageTitleAndIcon{align-items:center;display:flex;float:left;padding-left:var(--projects-table-left)}.LanguageIcon{font-size:5vh;margin-top:2.5vh;padding-right:1vw}.ProjectTags{display:flex;flex-wrap:wrap;gap:.2em;justify-content:center;max-width:250px}.tag{background-color:#000;border-radius:5px;font-size:.8em;padding:.2em .5em}.ProjectNameAndTopBar{display:flex;flex-direction:column;gap:.5rem}.ProjectTopBarContainer{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem}.tag-azure{background-color:#4f72ca}.tag-java{background-color:#a31717}.tag-ai{background-color:#e66666}.tag-real-time-strategy{background-color:#d22edd}.tag-firebase{background-color:#f32a2a}.tag-cloud-functions{background-color:#5a9191}.tag-web-development{background-color:#b89d0a}.tag-industry,.tag-mobile-app-development{background-color:#864488}.tag-android,.tag-c{background-color:#089511}.tag-ios{background-color:#79877a}.tag-game-development{background-color:#fb7200}.tag-cosmos-db{background-color:#914f65}.tag-react{background-color:#1f7da1}.tag-sql{background-color:#1640ac}.tag-matlab{background-color:#1405e1}.tag-multiplayer{background-color:red}.tag-networking{background-color:#1640ac}.tag-javascript{background-color:#b8791e}.tag-php,.tag-python{background-color:#ab00ff}.tag-machine-learning{background-color:#f08}.ExpandHideButton{align-items:center;background-color:initial;border:1px solid #fff;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-family:Playfair Display,serif;font-size:.9rem;gap:.3rem;padding:.3rem .6rem;transition:background-color .2s ease,color .2s ease}.ExpandHideButton:hover{background-color:#fff;color:#000}.ExpandHideButton .chevron{display:inline-block;transition:transform .2s ease}.ExpandHideButton .chevron.down{transform:rotate(90deg)}.ExpandHideButton .chevron.up{transform:rotate(180deg)}#projects-list-section{margin-top:70vh}.explore-button{background-color:#000;border:2px solid #fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;font-weight:500;margin-top:1vh;padding:10px 20px;transition:all .3s ease}.explore-button:hover{background-color:#fff;box-shadow:0 6px 12px #0003;color:#000;transform:scale(1.05)}.explore-button:active{box-shadow:0 4px 6px #0000001a;transform:translateY(0)}.pulse-circle-PP{border:2px solid #fff;border-radius:50%;height:250px;left:50%;position:absolute;top:20%;transform:translate(-50%,-50%);width:250px;z-index:0}.EntireLanguageCollection{overflow:hidden;padding-bottom:10vh;position:relative}@media (max-width:768px){.LanguageTitle{font-size:7vh;margin-bottom:1.5vh}.ProjectName{font-size:4.5vh;text-align:left}.LanguageIcon{font-size:4vh;padding-right:.5vw}.OneProject{padding-bottom:6vh;padding-left:5vw;padding-right:5vw}.ProjectTags{gap:.3em;justify-content:flex-start;max-width:100%}.ExpandHideButton{font-size:.8rem;padding:.25rem .5rem}.explore-button{font-size:.9rem;padding:8px 16px}.ProjectHeader{align-items:flex-start;flex-direction:column;gap:.5rem}#projects-list-section{margin-top:50vh}.ProjectTopBarContainer{align-items:flex-start;flex-direction:column;gap:.5rem}.ExpandHideButton{padding:.6rem .8rem}.LanguageIcon{padding-left:2vw}.LanguageTitleAndIcon{align-items:center;flex-direction:row;flex-wrap:wrap;gap:.5rem;padding-left:5vw}}*{box-sizing:border-box;margin:0;padding:0}.topnav,body,html{font-family:Playfair Display,serif;font-weight:600}.topnav{align-items:center;background-color:#eadfc0;border-bottom:2px solid #ccc;display:flex;height:var(--navbar-height);justify-content:space-between;left:0;padding:0 2vw;position:fixed;right:0;text-align:center;top:0;z-index:999}#logo{height:40px!important}.nav-centre{display:flex;flex:1 1;gap:2vw;justify-content:center}.nav-centre a{color:#000;font-size:1rem;padding:.5rem 1rem;text-decoration:none}.nav-centre a:hover{background-color:#000;border-radius:8px;color:#fff;transition:all .3s ease}.nav-right a{color:#000;font-size:1rem;padding:.5rem 1rem;text-decoration:none}.nav-right a:hover{background-color:#000;border-radius:8px;color:#fff;transition:all .3s ease}.divider{color:#000;padding:0 5px}.mobile-menu a.active,.topnav a.active{font-size:3.5vh;font-weight:1000;text-decoration:underline}.menu-toggle{background:none;border:none;cursor:pointer;display:none;font-size:2rem;position:relative;z-index:1001}.mobile-menu{background-color:#f8f8f8;border-bottom:2px solid #ccc;display:flex;flex-direction:column;left:0;margin-top:0;padding-top:var(--navbar-height);position:fixed;top:0;width:100%;z-index:998}.mobile-menu .mobile-menu-link,.mobile-menu a{color:#000;font-size:1.2rem;padding:1rem;text-align:left;text-decoration:none}.mobile-menu .mobile-menu-link:hover,.mobile-menu a:hover{background-color:#ddd}.nav-mobile-right{align-items:center;display:none;gap:1rem}@media (max-width:768px){.nav-centre,.nav-right{display:none}.nav-mobile-right{display:flex;gap:5px}.menu-toggle{display:block}.nav-mobile-right a{color:#000;text-decoration:none}}@media (min-width:769px){.mobile-menu,.nav-mobile-right{display:none}#contactB{padding-right:2px}#signInB,#signOutB{padding-left:2px;padding-right:2px}.topnav{padding-left:10px;padding-right:10px}}:root{--navbar-height:58.4px;--page-padding-top:var(--navbar-height);--projects-table-left:10vw;--projects-table-right:var(--projects-table-left)}body,html{margin:0;min-height:100%;overflow-x:hidden;padding:0;width:100%}.page-content{padding-top:58.4px;padding-top:var(--page-padding-top)}html{font-size:100%}h1{font-size:7vh}h2{font-size:5vh}h3{font-size:3vh}@media (max-width:768px){h1{font-size:6vw}h2{font-size:5vw}h3{font-size:4vw}}
/*# sourceMappingURL=main.d1f8327e.css.map*/