@import"https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap";a{text-decoration:none;color:#000}a:hover{text-shadow:2px 2px 2px rgba(0,0,0,.45)}body{display:flex;place-items:center;justify-content:center;min-width:100vw;min-height:100vh;box-sizing:border-box;background-color:#ebe6dd;overflow-x:hidden}main{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}h1{font-family:Roboto Mono,monospace;font-style:normal;font-weight:400;font-size:80px}h2{font-family:Roboto Mono,monospace;font-style:normal;font-weight:400;font-size:50px}h3{font-family:Roboto Mono,monospace;font-style:normal;font-weight:400;font-size:35px}h4{font-family:Roboto Mono,monospace;font-style:italic;font-weight:400;font-size:20px}.headerNav{position:fixed;top:0;left:0;width:100%;background-color:#ebe6dd;box-sizing:border-box}ul{display:flex;flex-direction:row;font-family:Roboto Mono,monospace;font-style:normal;font-weight:200;font-size:20px;list-style-type:none}li{text-decoration:none;list-style-type:none;padding:.5rem}.liLink{color:#000}.footer{position:relative;bottom:0;width:100%;margin-top:3rem;display:flex;justify-content:center;align-items:center;flex-direction:row;background-color:#ebe6dd;box-sizing:border-box}.footerText{font-family:Roboto Mono,monospace;font-style:normal;font-weight:200;font-size:15px;line-height:30px;margin-right:1rem}.footerImg{margin:.2rem}.footerImg:hover{filter:drop-shadow(0px 4px 4px rgb(50,57,61));transition-duration:.1s}.homeBody{padding:3rem}.aboutBody{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100vw;height:100%;box-sizing:border-box;min-width:300px;margin-top:4rem}.aboutInfoBox{background:#00b2ae;border:5px solid #000000;box-shadow:0 4px 4px #00000040;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:.5rem;max-width:800px}.aboutImgBox{display:flex;margin:1rem;justify-content:center;align-items:center;padding:1rem}.aboutParagraph{max-width:400px;font-weight:600;font-family:Roboto Mono;font-style:italic;font-size:1.2rem;line-height:33px;color:#000}.myFace{width:15rem;height:15rem;border:5px solid black;border-radius:50%;margin-top:1.5rem}.aboutInfo{font-family:Roboto Mono;font-style:normal;font-weight:400;font-size:1.2rem;line-height:33px;color:#000;margin:1rem;text-align:left;padding:.5rem;border-radius:20px;background-color:#ffffff8f;border:5px solid black}.aboutText{margin-bottom:1.5rem}.eduBody{display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box;width:100%;margin-top:4rem}.education{font-family:Roboto Mono;font-style:normal;font-weight:400;font-size:3.5rem;line-height:92px;text-align:center;color:#000}.eduInfoBox{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column}.eduBox{background:#fac546;border:5px solid #000000;box-shadow:0 4px 4px #00000040;border-radius:20px;margin:.5rem;display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column;max-width:900px;min-height:400px}.eduHeader{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.schoolName{margin:1rem}.courseName{font-family:Roboto Mono;text-decoration:underline;font-weight:400;font-size:20px;line-height:30px;text-align:center;color:#000}.timePlace{font-family:Roboto Mono;font-style:italic;font-weight:400;font-size:15px;line-height:26px;text-align:center;color:#000}.eduInfo{font-family:Roboto Mono;font-style:normal;font-weight:400;font-size:20px;line-height:25px;text-align:center;color:#000;margin:1rem;border-radius:20px;background-color:#ffffff8f;max-width:800px;border:solid 5px #E24F32;padding:.5rem .5rem .5rem 2rem;display:flex;flex-direction:column}.eduInfo li{text-align:left;margin-bottom:.5rem;list-style-type:disc}.schoolLink{font-family:Roboto Mono;font-style:normal;font-weight:400;font-size:20px;line-height:26px;text-align:center;color:#000;padding:.5rem}.contactBody{margin-top:4rem;width:100vw;display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box}.myForm{display:flex;justify-content:center;align-items:center;flex-direction:column;background:#6fb0be;border:5px solid #000000;box-shadow:0 4px 4px #00000040;border-radius:20px;height:auto;max-width:700px;padding:1rem}.aboutMeimg{width:15rem;height:15rem;border:5px solid black;border-radius:50%;margin-top:.5rem}.contactInfoList{color:#000;font-family:Roboto Mono;font-style:normal;font-weight:400;font-size:25px;line-height:35px;margin-bottom:.5rem;width:100%}.email{font-weight:600;text-decoration:underline}.socialGroup{display:flex;justify-content:space-evenly;align-items:center;margin:1rem}.social{color:#000;height:80px;width:80px}.socialBtnOne,.socialBtnTwo{margin:.5rem}.socialBtnOne:hover,.socialBtnTwo:hover{filter:drop-shadow(0px 4px 4px rgb(50,57,61));transition-duration:.1s}.portBody{display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box;width:100%;margin-top:4rem}.portTitleBox{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin:2rem;align-self:flex-start}.portfolio{font-family:Roboto Mono;font-style:normal;font-weight:400;font-size:3.5rem;line-height:92px;text-align:center;color:#000}.portInfoBox{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;margin:2rem}.portBox{background:#f1c75d;border:5px solid #000000;box-shadow:0 4px 4px #00000040;border-radius:20px;margin:.5rem;display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column;cursor:pointer;transition:max-width .3s ease,min-height .3s ease}.portBox.collapsed{max-width:300px;min-height:auto}.portBox.expanded{max-width:500px;min-height:600px}.portHeader{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:2px solid #000000;transition:border-bottom .3s ease}.portBox.collapsed .portHeader{border-bottom:none;padding:1rem 1.5rem}.portImageContainer{display:flex;justify-content:center;width:100%}.portTitleSection{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:1rem}.bg{background:#f5e9ba;padding:.5rem;border-radius:10px}.expandIcon{font-size:12px;color:#000;margin-top:.5rem;transition:transform .3s ease}.projectType{font-family:Roboto Mono;font-size:12px;font-weight:600;color:#fff;background:#000;padding:.4rem .8rem;border-radius:15px;margin-top:.5rem}.portContent{display:flex;flex-direction:column;padding:1.5rem;overflow-y:auto;flex:1}.portSection{margin-bottom:1.5rem}.portSection h3{font-family:Roboto Mono;font-weight:700;font-size:14px;margin-bottom:.8rem;color:#000;text-transform:uppercase}.portSection p{font-family:Roboto Mono;font-size:13px;line-height:1.6;color:#000;text-align:left}.portList{font-family:Roboto Mono;font-size:13px;line-height:1.5;color:#000;margin:0;padding:.5rem 0;display:flex;flex-direction:column;text-align:left}.portList li{margin-bottom:.8rem;list-style-type:disc;margin-left:1.5rem;padding-left:.5rem}.techTags{display:flex;flex-wrap:wrap;gap:.6rem}.techTag{background:#000;color:#fff;font-family:Roboto Mono;font-size:12px;font-weight:600;padding:.4rem .8rem;border-radius:15px;display:inline-block}.portLink{display:flex;justify-content:center;margin-top:auto;padding-top:1rem;border-top:2px solid #000000}.btn{background:#000;color:#fff;text-decoration:none;padding:.8rem 1.6rem;border-radius:10px;font-family:Roboto Mono;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;border:2px solid #000000}.btn:hover{background:#fff;color:#000;border:2px solid #000000}.webEx{width:335px;height:205px;margin:2rem .8rem .8rem;border:2px solid black;border-radius:2%;transition:width .3s ease,height .3s ease}.portBox.collapsed .webEx{width:250px;height:150px;margin:1rem .5rem .5rem}.content{display:flex;justify-content:center;align-items:center;flex-direction:column}.projectName{font-family:Roboto Mono;font-style:normal;font-weight:700;font-size:30px;line-height:35px;text-align:center;color:#000;margin:.8rem;transition:font-size .3s ease}.portBox.collapsed .projectName{font-size:20px;margin:.5rem}.portInfo{font-family:Roboto Mono;font-style:normal;font-weight:400;font-size:17px;line-height:23px;text-align:center;color:#000;margin-bottom:1.3rem;margin-left:1.3rem;margin-right:1.3rem;background-color:#ffffff68;border-radius:20px;padding:.5rem}.notFoundBody{display:flex;justify-content:space-around;flex-direction:column}.headerNF,.imgNF,.mesNF{margin:1rem}@media screen and (max-width: 568px){ul{font-size:15px}.footerText{font-size:11px}h1{font-size:50px}.homeTitle{font-size:35px}}@media screen and (max-width: 500px){ul{font-size:15px;padding:.2rem}.aboutInfo{font-size:20px}.email,.formText{font-size:25px}h1{font-size:40px}.homeTitle{font-size:25px}h3{font-size:30px}.projectName{font-size:25px}.webEx{width:250px;height:200px;margin:.8rem}.portInfo{padding:.1rem}.portBox{max-width:90vw;min-height:auto}.portBox.expanded{max-width:90vw}.portContent{padding:1rem}.portSection h3,.portSection p,.portList{font-size:12px}}@media screen and (max-width: 400px){ul{font-size:15px}li{padding:.3rem}.aboutInfo{font-size:18px;line-height:25px}.email{font-size:20px}.formText{font-size:15px}.social{height:50px;width:50px}.homeBody{padding:2rem}}@media screen and (max-width: 390px){ul{font-size:15px}li{padding:.3rem}}.burger{display:none;flex-direction:column;cursor:pointer;z-index:10;padding:1rem}.line{width:25px;height:3px;background-color:#000;margin:3px 0;transition:.3s}.menu{display:flex;flex-direction:row;justify-content:center;width:100%}.menu.open{display:flex}.menu li{padding:.5rem 1rem}@media screen and (max-width: 500px){.burger{display:flex}.menu{display:none;flex-direction:column;width:100%;position:absolute;top:60px;left:0;background-color:#ebe6dd;align-items:center;z-index:5;box-shadow:0 2px 5px #0003}.menu.open{display:flex}.menu li{padding:1rem;text-align:center;width:100%}.line.open{background-color:#3c3d3d}}@media (max-width: 768px){.aboutImgBox{flex-direction:column}.myFace{width:12rem;height:12rem;margin-bottom:1rem}}#root{margin:0;text-align:center}*{margin:0;padding:0;box-sizing:border-box}