.app-ctr{margin:0;padding:0;width:100%}.sidebar-ctr{display:inline;width:40%;float:left;position:fixed;color:#fff}.sidebar-maintitle{font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:300;font-size:45px;font-style:normal;padding:7vw 0vw .6vw 12vw}.sidebar-subtitle{font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:12px;padding:0vw 0vw 1vw 12vw}.navbar{padding:4vw 0vw 1vw 12vw}.nav-links{display:flex;flex-direction:column;justify-content:space-between;gap:2vw}.navbar-btn{font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:normal;font-size:15px;cursor:pointer;align-items:center;background-color:transparent;color:#fff;display:flex;line-height:1.5;text-decoration:none;text-transform:uppercase;outline:0;border:0}.navbar-btn:before{background-color:#fff;content:"";display:inline-block;height:1px;transition:all .42s cubic-bezier(.25,.8,.25,1);width:0}.navbar-btn:hover:before{margin-right:10px;background-color:#fff;width:3rem}.sidebar-quote{font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:italic;color:#fff;font-size:15px;padding:3vw 0vw 1vw 12vw}.contact-links{display:flex;padding:3vw 10vw 1vw 12vw;justify-content:space-between;flex-direction:row}.github-btn,.linkedin-btn,.email-btn,.resume-btn{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;position:relative;border-radius:7px;cursor:pointer;transition:all .3s}.svg-ctr{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:transparent;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);letter-spacing:.8px;border-radius:10px;transition:all .3s;border:1px solid rgba(156,156,156,.466)}.github-btn-bg,.linkedin-btn-bg,.email-btn-bg,.resume-btn-bg{position:absolute;content:"";width:100%;height:100%;background:#181818;z-index:-1;border-radius:10px;pointer-events:none;transition:all .3s}.github-btn:hover .github-btn-bg,.linkedin-btn:hover .linkedin-btn-bg,.email-btn:hover .email-btn-bg,.resume-btn:hover .resume-btn-bg{transform:rotate(35deg);transform-origin:bottom}.github-btn:hover,.linkedin-btn:hover,.email-btn:hover,.resume-btn:hover .svg-ctr{background-color:#9c9c9c77;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.copyright-mark{font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;font-size:10px;color:#fff;padding:3vw 0vw 0vw 12vw}@media screen and (max-width: 900px){.sidebar-ctr{position:relative;float:left;width:100%}}.content-ctr{position:relative;display:inline;width:55%;float:right;color:#fff}@media screen and (max-width: 900px){.content-ctr{display:flex;width:100%;float:right;flex-direction:column}}.projects-card-ctr{display:flex;padding:10px;margin-right:12vw;margin-bottom:4vw}#teachforcambodia-img{height:6vw;width:10vw;object-fit:cover;padding-bottom:1vw}#ratemyprofessor-img{height:4vw;width:10vw;object-fit:cover;padding-bottom:4vw}#intelly-img{height:4vw;width:10vw;object-fit:cover;padding-bottom:3vw}#fashiondisasteravoider-img{height:4vw;width:10vw;object-fit:cover;padding-bottom:1vw}#aiwingman-img{height:5vw;width:10vw;object-fit:cover;padding-bottom:1vw}#astarvisualizer-img{height:4vw;width:10vw;object-fit:cover;padding-bottom:3vw}.projects-card-left{display:inline;float:left}.projects-card-right{display:inline;float:right;padding-left:20px}.projects-card-links{display:flex;position:relative;justify-content:left;flex-direction:row;align-items:flex-end;gap:10px}.projects-links-icons{float:left;display:flex;align-items:center;justify-content:center}.projects-btn{border:none;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;transition-duration:.4s;cursor:pointer;position:relative;background-color:#1f1f1f;overflow:hidden}.projects-links-icon{transition-duration:.3s}.projects-links-icon path{fill:#fff}.projects-links-text{position:absolute;color:#fff;width:120px;font-weight:600;opacity:0;transition-duration:.4s}.projects-btn:hover{width:80px;transition-duration:.4s;border-radius:30px}.projects-btn:hover .projects-links-text{opacity:1;transition-duration:.4s}.projects-btn:hover .projects-links-icon{opacity:0;transition-duration:.3s}.projects-card-title{font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-size:1.3rem;padding-bottom:.5vw}.projects-card-text{font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;font-size:1rem;padding-bottom:1.5vw}.projects-tech{display:flex;justify-content:left;align-items:flex-end;flex-direction:row}.projects-tech-btn{display:flex;align-items:center;position:relative;margin-right:1vw;height:30px;width:72px;background:#333;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;font-family:Consolas,Courier New,monospace;border:solid #404c5d 1px;font-size:10px;color:#a1a1a1;-webkit-transition:.5s;transition:.5s;border-radius:5px;background:linear-gradient(145deg,#2e2d2d,#212121)}.projects-tech-btn:hover{-webkit-box-shadow:1px 1px 13px #20232e,-1px -1px 13px #545b78;box-shadow:1px 1px 13px #20232e,-1px -1px 13px #545b78;color:#d6d6d6;-webkit-transition:.5s;transition:.5s}.projects-tech-btn:active{-webkit-box-shadow:1px 1px 13px #20232e,-1px -1px 33px #545b78;box-shadow:1px 1px 13px #20232e,-1px -1px 33px #545b78;color:#d6d6d6;-webkit-transition:.1s;transition:.1s}.projects-card-ctr:hover{-webkit-box-shadow:1px 1px 13px #20232e,-1px -1px 13px #545b78;box-shadow:1px 1px 13px #20232e,-1px -1px 13px #434447;-webkit-transition:1s;transition:1s;background-color:#0d0c0c}@media screen and (max-width: 900px){.projects-card-ctr{margin:0vw 7vw 4vw;overflow:none}#teachforcambodia-img{height:6vw;width:12vw;padding-bottom:14vw}#ratemyprofessor-img{height:4vw;width:12vw;padding-bottom:20vw}#intelly-img{height:6vw;width:12vw;padding-bottom:15vw}#fashiondisasteravoider-img,#aiwingman-img{height:6vw;width:12vw;padding-bottom:11vw}#astarvisualizer-img{height:6vw;width:12vw;padding-bottom:14vw}.projects-btn{width:25px;height:25px}.projects-links-text{width:60px;font-size:.5rem}.projects-btn:hover{width:40px}}.experience-card-ctr{display:flex;padding:10px;margin-right:12vw;margin-bottom:4vw}.experience-card-left{display:inline;float:left;width:22%}.experience-card-right{display:inline;float:right;width:78%}.experience-date{font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;font-size:.7rem;position:relative}.experience-card-title{font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-size:1.3rem;padding-bottom:.5vw}.experience-card-text{font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;font-size:1rem;padding-bottom:1.5vw}.experience-tech{display:flex;justify-content:left;align-items:flex-end;flex-direction:row}.experience-tech-btn{display:flex;align-items:center;position:relative;margin-right:1vw;height:30px;width:72px;background:#333;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;font-family:Consolas,Courier New,monospace;border:solid #404c5d 1px;font-size:10px;color:#a1a1a1;-webkit-transition:.5s;transition:.5s;border-radius:5px;background:linear-gradient(145deg,#2e2d2d,#212121)}.experience-tech-btn:hover{-webkit-box-shadow:1px 1px 13px #20232e,-1px -1px 13px #545b78;box-shadow:1px 1px 13px #20232e,-1px -1px 13px #545b78;color:#d6d6d6;-webkit-transition:.5s;transition:.5s}.experience-tech-btn:active{-webkit-box-shadow:1px 1px 13px #20232e,-1px -1px 33px #545b78;box-shadow:1px 1px 13px #20232e,-1px -1px 33px #545b78;color:#d6d6d6;-webkit-transition:.1s;transition:.1s}.experience-card-ctr:hover{-webkit-box-shadow:1px 1px 13px #20232e,-1px -1px 13px #545b78;box-shadow:1px 1px 13px #20232e,-1px -1px 13px #434447;-webkit-transition:1s;transition:1s;background-color:#0d0c0c}@media screen and (max-width: 900px){.experience-card-ctr{margin:0vw 7vw 4vw;overflow:none}}.about-ctr{padding:7vw 12vw 2vw 0vw}.about-paragraph{color:#fff;padding-bottom:2vw;font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;font-size:1rem}@media screen and (max-width: 900px){.about-ctr{padding:7vw 8vw 2vw}}*{margin:0;padding:0}