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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;min-height:100vh}.content{flex-grow:1}body{background-color:#ddd;color:#333;font-family:Arial,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0}header{background-color:#333;height:3.5vw;justify-content:space-between;max-height:36px;padding:10px 0}header,header .logo{align-items:center;display:flex}header .logo{border:4px solid #0e476e;border-radius:2px;border-radius:10px;box-shadow:0 0 7px 0 #00000080;justify-content:center;left:6vw;padding:8px;position:relative;width:clamp(60px,20vw,240px)}header .logo:hover{background-color:#e74c3c;color:#333;cursor:pointer;transition:background-color .66s ease}header .aba{align-items:center;background-color:#ddd;border:2px solid #333;border-radius:2px;border-radius:10px;box-shadow:0 0 5px 0 #00000080;display:flex;justify-content:center;justify-self:flex-start;left:6px;padding:0;position:relative;width:clamp(20px,10vw,60px)}header .aba:hover{background-color:#e74c3c;color:#333;cursor:pointer;transition:background-color .66s ease}header nav{flex-direction:row}header .AboutProjButton,header nav{align-items:center;display:flex;justify-content:center}header .AboutProjButton{border:2px solid #0e476e;border-radius:20px;box-shadow:0 0 5px 0 #00000080;color:#ddd;font-size:clamp(3pt,1.5vw,12pt);font-weight:700;height:6vw;justify-self:flex-start;line-height:66px;max-height:36px;max-width:150px;position:relative;text-align:center;vertical-align:bottom;width:15vw}header .AboutProjButton:hover{cursor:pointer;transition:background-color .66s ease}header .AboutProjButton:hover:hover{background-color:#0056b3;box-shadow:0 0 10px 0 #00000080}.dropdown-container{display:inline-block;position:relative}.dropdown{color:#333;display:flex;padding:3px 5px}.dropdown button{align-items:center;background-color:#333;border:2px solid #0e476e;border-radius:20px;box-shadow:0 0 5px 0 #00000080;color:#ddd;cursor:pointer;display:flex;height:clamp(24px,7vw,48px);justify-content:center;justify-self:flex-start;padding:10px 20px;transition:background-color .66s ease;width:clamp(40px,15vw,75px)}.dropdown button:hover{background-color:#0056b3;box-shadow:0 0 10px 0 #00000080}.dropdown .dropdown-menu{animation:fadeIn .66s;animation-fill-mode:forwards;background-color:#ddd;border-radius:15px;box-shadow:0 8px 16px 0 #0003;font-family:Arial,sans-serif;list-style-type:none;margin:0;opacity:.9;padding:0;position:absolute;right:0;top:100%;width:clamp(80px,15vw,160px);z-index:5}.dropdown .dropdown-menu li{border:0 solid #ddd;font-size:clamp(8px,2vw,16px);margin:0;padding:clamp(4px,2vw,10px) clamp(6px,5vw,12px);text-align:center}.dropdown .dropdown-menu li:hover{background-color:#e74c3c;border-radius:20px;color:#333;cursor:pointer;transition:background-color .66s ease}.dropdown .dropdown-menu a{color:#000;display:block;text-decoration:none;transition:background-color .3s ease;width:100%}.popup-modal{animation:fadeIn .66s;animation-fill-mode:forwards;background-color:#000000e6;border:2px solid #333;border-radius:10px;box-shadow:0 0 50px 0 #00000080;height:75%;left:10%;margin:0 auto;overflow-y:auto;padding:10px;position:fixed;right:10%;top:10%;width:60%;z-index:1}.popup-modal .popup-content{color:#ddd;display:flex;flex-direction:column;justify-content:center}.popup-modal h3{color:#fff;font-size:clamp(24px,4vw,36px);margin-bottom:10px;text-align:center;text-shadow:0 0 10px #fff3}.popup-modal li{font-size:clamp(14px,2vw,20px);list-style-type:none;padding:0;text-align:left}.popup-modal h5{font-size:clamp(12px,1.5vw,16px);padding-bottom:20px;padding-left:20px;text-align:left}.popup-modal button{align-content:center;background-color:#0e476e;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:clamp(12px,1.5vw,16px);height:clamp(30px,5vw,40px);margin:0 auto;padding:10px 20px;transition:background-color .3s ease;width:clamp(60px,10vw,80px)}.popup-modal button:hover{background-color:#0056b3;box-shadow:0 0 10px 0 #00000080}:focus{outline:none}.github,.linkedIn{width:40px}main{background-color:#ddd;color:#333;padding:20px}main h1{font-size:24px}main h1,main p{margin:0 0 20px}main p{font-size:16px}main ul{list-style:none;margin:0 0 20px}main ul li{margin:0 0 10px}.aboutWrapper{animation:fadeIn 3s;animation-fill-mode:forwards}.aboutWrapper h1{border-radius:10px;color:#333;font-size:30px;font-weight:700;margin-bottom:20px;margin-top:20px;padding:10px;text-align:center}.aboutWrapper .about{background-color:#ddd;color:#333;padding:20px}.aboutWrapper .about h1{font-size:24px;margin:0 0 20px}.aboutWrapper .about p{font-size:16px;margin:0 0 20px}.aboutWrapper .about ul{list-style:none;margin:0 0 20px}.aboutWrapper .about ul li{margin:0 0 10px}.aboutWrapper .about p{font-size:18px;line-height:1.3;margin-left:5%;margin-right:5%}.aboutWrapper .about h3{background-color:#0e476e;border-radius:10px;color:#ddd;font-size:20px;font-weight:700;margin-bottom:20px;margin-top:20px;padding:10px;text-align:center}.easter{background-color:#ddd;color:#333;padding:20px}.easter h1{font-size:24px;margin:0 0 20px}.easter p{font-size:16px;margin:0 0 20px}.easter ul{list-style:none;margin:0 0 20px}.easter ul li{margin:0 0 10px}.intro .video{animation:fadeIn 6s;animation-fill-mode:forwards;border-radius:20px;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.intro .video iframe{height:100%;left:0;position:absolute;top:0;width:100%}.intro .introButtons{display:flex;gap:20px;justify-content:center;margin:20px auto}.intro button{animation:fadeIn 3s;animation-fill-mode:forwards;background-color:#0e476e;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:16px;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}.intro button:hover{background-color:#0056b3;box-shadow:0 0 10px 0 #00000080}.intro h2{animation:fadeIn 3s;animation-fill-mode:forwards;font-size:clamp(12px,4vw,30px)}.intro p{font-size:18px;line-height:1.3;margin-left:5%;margin-right:5%}.intro h3{background-color:#0e476e;border-radius:10px;color:#ddd;font-size:20px;font-weight:700;margin-bottom:20px;margin-top:20px;padding:10px;text-align:center}.results{background-color:#ddd;color:#333;padding:20px;z-index:-1}.results h1{font-size:24px;margin:0 0 20px}.results p{font-size:16px;margin:0 0 20px}.results ul{list-style:none;margin:0 0 20px}.results ul li{margin:0 0 10px}.visible{opacity:1}.hidden,.visible{transition:opacity .33s ease-out}.hidden{opacity:0}.formContainer{align-items:center;animation:fadeIn 2s;animation-fill-mode:forwards;animation-iteration-count:1;background-color:#ddd;color:#333;display:flex;height:100vh;opacity:0;overflow-x:hidden;padding:20px}.formContainer h1{font-size:24px;margin:0 0 20px}.formContainer p{font-size:16px;margin:0 0 20px}.formContainer ul{list-style:none;margin:0 0 20px}.formContainer ul li{margin:0 0 10px}.formImage{animation:fadeIn 4s;animation-fill-mode:forwards;height:auto;margin-left:5%;margin-right:5%;text-align:center;width:40%}.formImage img{height:auto;max-width:100%}.title-text{word-wrap:break-word;animation:fadeIn 2s;animation-fill-mode:forwards;background-color:#0e476e;border-radius:10px;color:#ddd;font-size:2vmax;font-weight:700;margin-bottom:30px;margin-top:20px;padding:10px;text-align:center}.title-text:hover{background-color:#0056b3;box-shadow:0 0 10px 0 #00000080}.text-boxes{align-items:center;display:flex;flex-direction:column;margin-left:20px;width:50%}.explanation-text,.formButton,.input-text{margin-bottom:20px}.typewriter-wrapper{animation:fadeIn 2s;animation-fill-mode:forwards;display:flex;justify-content:center;white-space:nowrap}.typewriter-wrapper h1{animation:type 3s steps(30) .4s forwards,blink .66s step-end infinite;border-right:1px solid #333;font-family:Arial,sans-serif;font-size:clamp(5pt,1.5vw,24pt);font-weight:700;margin-bottom:20px;overflow-x:hidden;position:relative;white-space:nowrap;width:0}@keyframes type{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:#0000}50%{border-color:#333}}.explanation-text,.formButton,.input-text{animation:fadeIn 4s;animation-fill-mode:forwards}.input-text input{border-radius:10px;box-sizing:border-box;padding:8px;width:100%}.input-text input:hover{border:3px solid #0e476e}.input-text input:focus{border:4px solid #0e476e;box-shadow:0 0 10px 0 #00000080}.formButton{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:center}.formButton button{background-color:#0e476e;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:16px;height:40px;margin:0 auto;padding:10px 20px;transition:background-color .3s ease;width:80px}.formButton button:hover{background-color:#0056b3;box-shadow:0 0 10px 0 #00000080}.formButton a{color:#0e476e;text-decoration:none}.formButton a:hover{color:#e74c3c}.results-container{animation:fadeIn 3s;animation-fill-mode:forwards;margin:auto;max-width:85%;padding:20px;text-align:center}.results-title{color:#333;font-size:2em;margin-bottom:20px}.content-container{align-items:flex-start;display:flex;justify-content:space-around}.highlight-section,.top-matches{border:1px solid #ccc;border-radius:5px;flex:1 1;margin:0 10px;padding:20px}.matches-list{list-style:none;padding:0}.match-item{background-color:#f0f0f0;border-radius:5px;margin:5px 0;padding:10px}.highlight-details p{font-size:1.1em;margin:10px 0}strong{color:#555}@media (max-width:768px){.content-container{align-items:center;flex-direction:column}.highlight-section,.top-matches{margin:10px 0;width:100%}}.coordinate-plane-svg{display:block;height:auto;margin:0 auto;max-width:100%;width:auto}.editButton button{background-color:#0e476e;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;height:40px;margin-top:20px;padding:10px 20px;transition:background-color .3s ease;width:80px}.editButton button:hover{background-color:#0056b3;box-shadow:0 0 10px 0 #00000080}.editWrapper{align-items:left;animation:fadeIn 3s;animation-fill-mode:forwards;display:flex;flex-direction:column;margin-left:20px;margin-right:20%;margin-top:20px}.editWrapper .question-container{align-items:center;display:flex;margin-bottom:20px;margin-right:40%}.editWrapper .question-title{font-size:20px;font-weight:700;margin-right:20px}.editWrapper .input-container{display:flex;left:270px;margin-right:40%;min-width:100px;position:fixed}.editWrapper .editInput1,.editWrapper .editInput2{border-radius:10px;box-sizing:border-box;padding:4px;width:100%}.editWrapper .editInput1:hover,.editWrapper .editInput2:hover{border:3px solid #0e476e}.editWrapper .editInput1:focus,.editWrapper .editInput2:focus{border:4px solid #0e476e;box-shadow:0 0 10px 0 #00000080}.editWrapper .editInput2{margin-left:25px}.editButtonSubmit{animation:fadeIn 3s;animation-fill-mode:forwards;background-color:#0e476e;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;display:block;font-size:16px;height:40px;justify-content:center;margin:20px auto;transition:background-color .3s ease;width:80px}.editButtonSubmit:hover{background-color:#0056b3;box-shadow:0 0 10px 0 #00000080}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.content-container{align-items:center;flex-direction:column}.highlight-section,.top-matches{margin:10px 0;width:100%}.data-container{visibility:hidden}}.data-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:20px;text-align:center;width:100%}footer{background-color:#333;color:#fff;padding:15px 0;text-align:center}footer p{font-size:14px;margin:0}
/*# sourceMappingURL=main.d06ab53f.css.map*/