.topbar{background-color:#fff;color:#000;height:70px;position:fixed;top:0;transition:all 1s ease;width:100%;z-index:3}.topbar .wrapper{justify-content:space-between;padding:10px 30px}.topbar .wrapper,.topbar .wrapper .left{align-items:center;display:flex}.topbar .wrapper .left .logo{color:inherit;font-size:40px;font-weight:700;margin-right:40px;text-decoration:none}.topbar .wrapper .left .itemContainer{align-items:center;display:flex;margin-right:30px}.topbar .wrapper .left .itemContainer .icon{font-size:18px;margin-right:5px}.topbar .wrapper .left .itemContainer span{font-size:1rem;font-weight:100}@media (max-width:865px){.topbar .wrapper .left .itemContainer span{font-size:.6rem}}.topbar .wrapper .right .hamburger{cursor:pointer;display:flex;flex-direction:column;height:25px;justify-content:space-between;width:32px}@media (max-width:865px){.topbar .wrapper .right .hamburger{height:20px;width:24px}}.topbar .wrapper .right .hamburger span{background-color:#000;height:3px;-webkit-transform-origin:left;transform-origin:left;transition:all 2s ease;width:100%}.topbar.active{background-color:#000;color:#fff}.topbar.active .hamburger span:first-child{background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.topbar.active .hamburger span:nth-child(2){opacity:0}.topbar.active .hamburger span:last-child{background-color:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.intro{background-color:#fff;display:flex}@media (max-width:865px){.intro{align-items:center;flex-direction:column}}.intro .left{flex:0.5 1;overflow:hidden}.intro .left .imgContainer{align-items:flex-end;border-radius:50%;display:flex;float:right;height:700px;justify-content:center;width:700px}.intro .left .imgContainer img{width:100%}.intro .right{flex:0.5 1;position:relative}.intro .right .wrapper{display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:50px;width:100%}.intro .right .wrapper h1{font-size:50px;margin:10px 0}.intro .right .wrapper h2{font-size:35px}.intro .right .wrapper h3{font-size:20px}.intro .right .wrapper .socialLinks{align-content:center;display:flex;font-size:x-large;justify-content:space-between;margin:25px 10px;width:30%}.intro .right .wrapper .socialLinks .MuiSvgIcon-root{cursor:pointer}.about{background-color:#fff;display:flex}@media (max-width:865px){.about{flex-direction:column}}.about .left{display:flex;flex:0.5 1;flex-direction:column;justify-content:center;margin-left:5%}.about .left .itemContainer{align-items:center;display:flex}.about .left .itemContainer .imgContainer{margin:10px;width:20%}.about .left .itemContainer .imgContainer img{object-fit:cover;width:100%}.about .left .itemContainer .description{font-weight:100}.about .left .itemContainer .description h5{font-weight:inherit}.about .right{border-left:#d3d3d3;border-left-style:solid;border-left-width:2px;display:flex;flex:0.5 1;flex-direction:column;justify-content:center;padding-left:5%}@media (max-width:865px){.about .right{border-top:#d3d3d3;border-top-style:solid;border-top-width:2px}}.about .right .itemContainer{align-items:center;display:flex}.about .right .itemContainer .imgContainer{margin:10px;width:20%}.about .right .itemContainer .imgContainer img{object-fit:cover;width:100%}.about .right .itemContainer .description{font-weight:100}.about .right .itemContainer .description h5{font-weight:inherit}.skills{background-color:#fff;overflow-y:hidden}.skills .header{align-items:center;display:flex;justify-content:center;position:relative;top:20%}@media (max-width:865px){.skills .header{top:0}}.skills .header h2{font-size:4.5rem;font-weight:300}@media (max-width:865px){.skills .header h2{font-size:2rem}}.skills .wrapper{display:flex;flex-wrap:wrap;margin:10% auto;width:54%}@media (max-width:865px){.skills .wrapper{justify-content:center;width:100%}}.skills .wrapper .iconContainer{padding-left:10px;padding-right:10px;padding-top:20px}.skills .wrapper .iconContainer i{font-size:10vh}@media (max-width:865px){.skills .wrapper .iconContainer i{font-size:3.5rem}}.skills .wrapper .nameHolder{align-items:center;display:flex;justify-content:center}.projects{background-color:#fff}.projects .header{align-items:center;display:flex;justify-content:center}.projects .header h1{font-weight:300}.projects .wrapper{display:flex;height:95%;width:100%}@media (max-width:865px){.projects .wrapper{flex-direction:column;overflow-y:scroll}}.projects .wrapper .column{flex:0.333 1}@media (max-width:865px){.projects .wrapper .column{flex:none}}.projects .wrapper .column .itemContainer{border-radius:15px;border-style:ridge;border-width:3px;margin:10px;padding:10px}.projects .wrapper .column .itemContainer .itemHeader{align-items:center;display:flex;justify-content:center}.projects .wrapper .column .itemContainer .itemContent{word-wrap:normal;font-weight:300;padding-top:2%;text-align:justify;text-justify:newspaper}.projects .wrapper .column .itemContainer .techStack{align-items:center;display:flex;font-size:2.5rem;justify-content:center;padding-top:5px}.projects .wrapper .column .itemContainer .techStack img{object-fit:cover;width:1.5rem}.projects .wrapper .column .itemContainer .techStack>{margin:2%}.menu,.projects .wrapper .column .itemContainer .itemFooter{align-items:center;display:flex;justify-content:center}.menu{background-color:#000;flex-direction:column;height:100vh;position:fixed;right:-300px;top:0;transition:all 1s ease;width:300px;z-index:2}.menu.active{right:0}.menu ul{color:#fff;font-size:30px;font-weight:300;list-style:none;margin:0;padding:0;width:60%}.menu ul li{margin-bottom:25px}.menu ul li a{color:inherit;font-size:inherit;text-decoration:none}.menu ul li:hover{font-weight:500}.app{height:100vh}.app .sections{background-color:#ffa07a;height:calc(100vh - 70px);position:relative;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scrollbar-width:none;top:70px;width:100%}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{height:calc(100vh - 70px);scroll-snap-align:start;width:100%}
/*# sourceMappingURL=main.01705054.css.map*/