@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";.lato-light{font-family:Lato,sans-serif;font-weight:300;font-style:normal}body,html{margin:0;padding:0;overflow:hidden;width:100%;height:100%;background-color:#000;font-family:Lato,sans-serif}.screen{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;top:0;left:0;transition:opacity .7s ease;opacity:1}.screen.hidden{opacity:0;pointer-events:none}#screen1{background-color:#000;z-index:10}.centered{text-align:center;color:#fff}#text1,#text2,#nextButton{opacity:0;animation:fadeIn 10s forwards}#text1{font-size:4em;letter-spacing:.3em;margin-bottom:.4em}#text2{font-size:1.5em;letter-spacing:.3em;margin-top:.4em}@keyframes fadeIn{to{opacity:1}}#nextButton{margin-top:20px;padding:15px 25px;font-size:1em;cursor:pointer;background-color:#000;letter-spacing:.15em;color:#fff;border:.1em solid white}#backgroundVideo,#backgroundVideo2,#droneVideo,#gitVideoHover,#linkedinVideoHover,#linkedinClickVideo,#lehighClickVideo,#lehighVideoHover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-button{position:absolute;background-color:transparent;color:transparent;border:none;cursor:pointer;display:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;transition:background-color .3s ease}.video-button:hover{background-color:transparent}#githubButton,#githubButton2,#droneButton,#linkedinButton,#booksButton,#laptopButton,#lehighButton,#blenderButton{background-color:transparent;border:none}#logo{position:fixed;top:20px;left:20px;z-index:100;height:70px;width:auto}.mobile-warning{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;text-align:center;padding:20px}.mobile-warning h1{font-size:2em;letter-spacing:.1em;margin-bottom:20px;font-weight:300}.mobile-warning p{font-size:1.2em;letter-spacing:.05em;max-width:80%;font-weight:300}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000}.loading-screen h1{font-family:Lato,sans-serif;font-weight:300;letter-spacing:.2em;font-size:2em}.redirect-overlay{position:absolute;top:24%;left:55%;transform:translate(-50%,-50%);color:#fff;font-family:Lato,sans-serif;font-size:2em;letter-spacing:.2em;font-weight:300;pointer-events:none;z-index:20;opacity:0;transition:opacity 1s ease;text-shadow:0 0 10px rgba(0,0,0,.5)}.redirect-overlay.visible{opacity:1}.back-arrow{position:absolute;bottom:10%;left:50%;transform:translate(-50%);width:60px;height:60px;cursor:pointer;z-index:30;color:#fff;opacity:0;transition:opacity .5s ease;pointer-events:none}.back-arrow.visible{opacity:1;pointer-events:auto}.back-arrow svg{width:100%;height:100%;filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}.lehigh-courses-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:25;color:#fff;padding:5% 20%;box-sizing:border-box;gap:50px;pointer-events:none}.courses-list,.course-details{pointer-events:auto}.courses-list{flex:1;text-align:left;max-width:40%}.courses-list h2{font-family:Lato,sans-serif;font-weight:300;letter-spacing:.1em;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:10px;margin-bottom:20px}.courses-list ul{list-style:none;padding:0;margin:0}.courses-list li{padding:15px 20px;margin-bottom:15px;cursor:pointer;transition:all .3s ease;position:relative;width:fit-content;display:block}.courses-list li:hover{text-shadow:0 0 10px rgba(255,255,255,.5)}.course-code{font-weight:700;margin-right:10px}.course-title{font-weight:300}.courses-list li.selected{position:relative}.courses-list li.selected:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid white;border-radius:255px 15px 225px/15px 225px 15px 255px;box-shadow:0 0 8px #fff9;pointer-events:none;box-sizing:border-box;transform:rotate(-1deg) scale(1.05)}.course-details{flex:1;border-left:1px solid rgba(255,255,255,.3);padding-left:50px;height:60%;display:flex;flex-direction:column;justify-content:center}.details-content h3{font-size:2em;font-weight:300;margin-bottom:20px}.details-content p{font-size:1.2em;line-height:1.6;font-weight:300}.details-placeholder{opacity:.5;font-style:italic;font-weight:300;font-size:1.2em}.fade-in{animation:fadeInCourse .5s ease forwards}@keyframes fadeInCourse{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}