#landing{display:flex;align-items:center;justify-content:center;padding:70px 13vw 0;flex-direction:column;position:relative}#main-landing{display:flex;align-items:center;justify-content:center;width:100%}#landing-left,#landing-right{height:100%;width:50%}#landing-right{display:flex;justify-content:flex-end;align-items:center}.welcome{font-size:3.5em}.about{margin-top:20px;font-size:1.6em;font-weight:200}.circle{width:80%;max-width:360px;aspect-ratio:1/1;border-radius:50%;background-color:#8561c7;background-image:url(/assets/me-J3DkRc_M.JPG);background-size:cover;background-position:center;background-repeat:no-repeat}.view-pro{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;bottom:3vh;font-size:1.2em}.view-pro:hover{cursor:pointer}.view-my-pro,.arrow-down{color:#ffffff5f}@media screen and (max-width: 665px){#landing{justify-content:flex-start}#main-landing{flex-direction:column-reverse;padding:0 6vw;padding-top:6vh}#landing-right,#landing-left{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:100%}.welcome,.about{width:100%}#landing-right{align-items:center;margin-bottom:2vh}.circle{max-width:200px;margin-bottom:6vh}}@media screen and (max-width: 655px),screen and (max-height: 580px){.view-pro{display:none}}#project-content{padding:2% 3vw}.project-heading{font-size:2em;text-align:center;margin-bottom:35px}#project-list{display:flex;flex-shrink:0;flex-direction:column;gap:10px;align-items:center}@media screen and (max-width: 730px){#project-content{padding:2% 15px}}.project-comp{width:90%;height:fit-content;min-height:36vh;border-radius:10px;background-color:#39354a;display:flex;justify-content:center;align-items:center}.project-comp-left{flex-direction:row-reverse}.project-comp-right{flex-direction:row}.project-comp-content{width:50%;height:100%;padding:20px 40px}.project-comp-img{padding:20px 40px;display:flex;justify-content:center;align-items:center}.pro-vid{max-height:250px;max-width:100%;object-fit:cover;background-color:#292636}.pro-heading{padding-bottom:5px}.pro-text{font-size:1.1em;font-weight:200;margin-bottom:6px}.pro-desc{display:flex;flex-direction:column;flex-shrink:0}.btn{display:block;width:fit-content;background-color:#8561c7;color:#fff;font-weight:400;margin-top:10px;padding:10px 20px;border-radius:5px;text-decoration:none}.btn:hover{background-color:#7353ad}@media screen and (max-width: 730px){.project-comp{width:100%}.project-comp-left,.project-comp-right{flex-direction:column-reverse}.project-comp-content,.project-comp-img{width:100%}.pro-vid{max-height:200px;width:auto}}.nav-bar{display:flex;justify-content:space-around;height:70px;width:100%;padding:3vh 0;background-color:#23202f;position:fixed;top:0;left:0;font-size:19px;z-index:10}.nav-btn{display:flex;cursor:pointer;align-items:center}#contact{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7vh 0;width:100%}#contact-title{font-size:2em;margin-bottom:30px}#contact-list{width:100%;height:fit-content;display:flex;width:50%;max-width:400px;justify-content:space-around}.icon:hover{cursor:pointer;color:#655a98}*{margin:0;padding:0;box-sizing:border-box;font-family:Karla,sans-serif}#root{background-color:#292636}.page{background-color:#292636;min-height:100vh;padding-top:70px;width:100%}h1,p{color:#fff}::-webkit-scrollbar{display:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.project-heading{animation:fade-in linear;animation-timeline:view();animation-range:entry 0% cover 40%}.project-comp{animation:fade-in linear;animation-timeline:view();animation-range:entry 0% cover 25%}@keyframes box-left-in{0%{transform:translate(-200px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes box-right-in{0%{transform:translate(200px);opacity:0}to{transform:translate(0);opacity:1}}@media screen and (min-width: 730px){.project-comp-left{animation:box-left-in linear;animation-timeline:view();animation-range:entry 0% cover 25%}.project-comp-right{animation:box-right-in linear;animation-timeline:view();animation-range:entry 0% cover 25%}}