.topbar{width:100%;height:80px;background-color:#fff;color:#15023a;position:fixed;top:0;z-index:3;transition:all 1s ease}.topbar .wrapper{max-width:100%;padding:10px 30px;justify-content:space-between}.topbar .wrapper,.topbar .wrapper .left{display:flex;align-items:center}.topbar .wrapper .left .logo{font-size:40px;font-weight:700;text-decoration:none;color:inherit;margin-right:40px}.topbar .wrapper .left .itemContainer{display:flex;align-items:center;margin-left:30px}@media(max-width:768px){.topbar .wrapper .left .itemContainer{display:none}}.topbar .wrapper .left .itemContainer .icon{font-size:18px;margin-right:5px}.topbar .wrapper .left .itemContainer span{font-size:15px;font-weight:500}.topbar .wrapper .right .hamburger{width:32px;height:25px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.topbar .wrapper .right .hamburger span{width:100%;height:3px;background-color:#15023a;transform-origin:left;transition:all 2s ease}.topbar.active{background-color:#15023a;color:#fff}.topbar.active .hamburger span:first-child{background-color:#fff;transform:rotate(45deg)}.topbar.active .hamburger span:nth-child(2){opacity:0}.topbar.active .hamburger span:last-child{background-color:#fff;transform:rotate(-45deg)}.intro{background-color:#fff;color:#0047ab;padding-top:80px;padding-bottom:100px;min-height:80%}.intro_text{margin:10px 20px;color:#0047ab;font-size:2rem}.imgContainer{max-width:275px;max-height:275px;margin:auto;border-radius:50%}.skills{padding-top:30px;text-align:center;color:#0047ab;font-size:2rem;padding-right:15px}.skill_card,.skills{background-color:#fff}.skill_card{border-radius:15px;padding:5px;cursor:pointer;box-shadow:5px 5px 5px 2.5px #d6d6d6;transition:transform .2s}.skill_card:hover{transform:scale(1.1)}.projects{color:#0047ab;background-color:#fff;padding-top:50px;padding-bottom:50px;font-size:2rem;text-align:center}.project_img{height:80%;width:80%;border-radius:20px;padding:10px;transition:transform .2s}.project_container{margin-top:10px}.project_img:hover{transform:scale(1.1)}.projet_content{text-align:left;padding:15px}.name{margin-top:10px}.desc{font-size:1rem;margin-top:5px}.github{margin-right:10px;color:#fff}.github,.github:hover{border:1px solid #0047ab}.contact,.github:hover{color:#0047ab}.contact{background-color:#fff;display:flex;font-size:2rem;padding-top:50px;padding-bottom:50px}@media(max-width:768px){.contact{flex-direction:column}}.contact .left{flex:1 1;overflow:hidden}.contact .left img{height:100%}.contact .right{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact .right h2{font-size:30px}.contact .right form{width:70%;height:70%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.contact .right form input{width:300px;height:30px;font-size:14px}@media(max-width:768px){.contact .right form input{width:200px;height:20px}}.contact .right form textarea{width:300px;height:200px;font-size:14px}@media(max-width:768px){.contact .right form textarea{width:200px;height:100px}}.contact .right form button{width:150px;height:30px;color:#fff;background-color:#0047ab;border:none;border-radius:10px;font-weight:500;cursor:pointer}.contact .right form button:focus{outline:none}.contact .right form span{color:green}.contact_link{margin:5px}.email_input{height:50px}.email_input,.message_area{color:#0047ab;margin-top:20px;border-radius:15px;padding:10px;outline:none;border:1px solid #0047ab}.send_btn{margin-top:20px;margin-right:10px;color:#fff;border-radius:10px;border:1px solid #0047ab;width:150px;height:75px;cursor:pointer}.send_btn:hover{background-color:#fff;color:#0047ab;border:1px solid #0047ab}.education{color:#fff;margin-bottom:50px;padding:30px 30px 30px 10px}.timeline_header{max-width:100%;padding:10px;font-size:2rem;text-align:center;margin-top:2%;margin-bottom:2%}.edu_img{padding:2px;max-width:150px;max-height:150px;border-radius:15px}.left{text-align:right;padding:5px 10px 5px 5px}.right{text-align:left;padding:5px 5px 5px 10px}.center{text-align:center}.school_icon{background-color:#fff;color:#0047ab;border-radius:50%;height:50px;width:50px;margin:10px auto auto}.edu_grid{max-width:95%;margin:auto}.line{margin:auto;background-color:#fff;height:40px;width:2px}.work_exp{background-color:#0047ab;color:#fff;padding-top:50px;font-size:2rem;text-align:center;padding-bottom:50px;margin-right:-10px}.company_container{margin:20px;padding-right:20px}.comp_img{border-radius:25px;width:200px;height:200px}.company_content{text-align:left;padding:10px}.company_date{margin-top:10px;margin-bottom:10px}.company_desc{font-size:1rem;margin-top:4px}.github{margin-top:10px;background-color:#0047ab;border-radius:10px;border:1px solid #fff;width:150px;height:50px;cursor:pointer}.github:hover{background-color:#fff}.achievements{text-align:center;color:#fff;font-size:2rem;padding-top:50px;padding-bottom:50px}.achievement_content{text-align:left;font-size:1rem;margin:10px}.all_content_footer{background-color:#0047ab;color:#fff;min-height:50px;text-align:center;padding-bottom:20px}.footer_brand{padding-top:10px;margin-left:2px;margin-right:2px}.footer_by{margin:10px 2px}.icon{margin-left:10px;vertical-align:middle}.app{height:100vh}.app .sections{width:100%;background-color:#0047ab;position:relative;top:70px;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{width:100vw;scroll-snap-align:start}body{overflow:hidden}.menu{width:300px;height:100vh;background-color:#15023a;position:fixed;top:0;right:-300px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all 1s ease}.menu.active{right:0}.menu ul{margin:0;padding:0;list-style:none;font-size:30px;font-weight:300;color:#fff;width:60%}.menu ul li{margin-bottom:25px}.menu ul li a{font-size:inherit;color:inherit;text-decoration:none}.menu ul li:hover{font-weight:500}
/*# sourceMappingURL=main.c57ee609.chunk.css.map */