body{margin:0}.mainsection{background-color:#f5d374}.navmain{position:sticky;top:0px;margin:0 auto;z-index:3}*{font-size:1vw;font-weight:500}.container{display:flex;justify-content:center;margin:0 auto;z-index:2}.navbar{background:linear-gradient(to right,rgba(201,255,191,.5),rgba(255,175,188,.5));border-radius:15px;width:100%;height:60px;color:#0f0f0f;margin-top:25px;box-shadow:0 5px 15px #ffffff5e;max-width:1280px}.navbar:hover{background:linear-gradient(to right,rgba(201,255,191,1),rgba(255,175,188,1))}ul{display:flex;flex-flow:row wrap;height:100%;padding-left:0;margin:0;justify-content:space-around;align-items:center}.navbar li{list-style:none;width:10%;padding:5px;text-align:center}.navbar li:hover{border:1px salmon solid;border-radius:20px;background-color:#fdfdfd}li a{text-decoration:none;color:#0f0f0f}a button{width:100%}.HLContainer{max-width:80%;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap-reverse;margin:0 auto;background-color:#f5d374}.HLContainer img{width:40%}.HLLeft{margin:0 0 100px 30px;display:flex;flex-flow:column wrap;justify-content:flex-end}.HLLeft h1{font-size:4vw;font-weight:600;margin:2px;background:linear-gradient(to right,#2C5364,#203A43,#0F2027);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.HLLeft p{font-size:2vw;font-weight:500;margin:10px}.about-me-bg,.cave-about-me{background:linear-gradient(to right,#ffafbd,#ffc3a0);margin:0}.About-me-container{padding:0 20px}.About-me-main{max-width:1280px;margin:0 auto;box-shadow:0 5px 15px #00000017;padding:35px;border-radius:15px}.About-me-main h1{font-size:2.5vw;margin:0}.About-me-main p{font-size:1.5vw;line-height:2.5rem;font-weight:400;margin-top:10px;object-fit:cover}.About-me-section{display:flex;flex-direction:row}.About-me-left{width:50%;display:flex;justify-content:center;align-items:center}.About-me-left img{max-width:75%;max-height:380px;border-radius:25px;object-fit:cover}.About-me-right{width:50%;display:flex;align-items:center;box-shadow:0 5px 15px #00000017;padding:25px;border-radius:25px}.exp-line-container{max-width:1280px;margin:0 auto}.exp-line{width:4px;height:100px;background-color:#000;margin:0 auto}.exp-container{background:linear-gradient(to right,#ffafbd,#ffc3a0);margin:0}.exp-main{max-width:1280px;margin:0 auto}.exp-main h1{text-align:center;margin:0 0 10px;font-size:2.5vw}.exp-line-container{max-width:100%;display:flex;flex-direction:row}.exp-bottomline-left{width:50%;height:100px}.exp-headline-bottomline{width:4px;height:100px;background-color:#013f2c}.exp-headline-circle{width:15px;height:15px;background-color:#000;margin-left:100%;border-radius:100%;position:relative;right:9px;z-index:1}.exp-work{width:80%;margin:20px;background-color:#ffffff81;border-radius:15px;padding:20px}.exp-work h2{margin:0;font-size:25px}.exp-work h3{margin:8px 0 0;font-size:18px}.exp-work p{font-size:16px;font-weight:400;line-height:25px;margin-left:25px;margin-top:5px}.exp-work:hover{box-shadow:0 5px 15px #fffc}.exp-left{width:50%;min-height:100px;border-right:4px solid black;display:flex;flex-flow:column wrap;justify-content:center;align-items:center}.exp-right{width:50%}section .exp-work{margin-left:115.6%}.svg-end{background-color:#f2fedc;margin:0}.education-container{background-color:#f2fedc}.education-section{max-width:1280px;margin:0 auto;display:flex;flex-direction:row}.education-menu{width:28%;min-height:25px;display:flex;flex-direction:column;border-right:rgba(0,0,0,.644) 5px solid;padding-right:15px}.button-87{margin:10px;padding:15px 30px;text-align:center;text-transform:uppercase;transition:.5s;background-size:200% auto;color:#0a0a0a;border-radius:10px;display:block;border:0px;font-weight:700;box-shadow:0 0 14px -7px #fd05d4;background-image:linear-gradient(45deg,#ffafbd 0%,#ffc3a0 50%,#ffc340 100%);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation}.button-87:hover{background-position:right center;color:#fff;text-decoration:none}.button-87:active{transform:scale(.95)}.education-info{width:68%;min-height:450px;max-height:750px;margin:0 auto;border-radius:25px;box-shadow:0 0 14px -7px #cecdcd;padding:25px;background-color:#ffffff1e}.education-info:hover{display:border-box;background-color:#ffffffa6;border-bottom:#f1b202 30px solid;transform:scale(.99)}.education-info img{width:40%;border-radius:360px;border:#f5d374 5px solid}.education-info h1{margin-top:100px;font-size:1.5vw}.education-deatail{width:100%;display:flex;flex-direction:row;justify-content:space-around;margin-bottom:25px}.cer-info{width:40%}.education-end{width:100%;height:200px;background:rgb(242,254,220);background:linear-gradient(180deg,rgba(242,254,220,1) 0%,rgba(255,255,255,1) 100%);margin:0}.Project-container{background-color:#fff}.Project-section{max-width:1280px;margin:0 auto}.Project-section h1{margin-top:0}.Project-section h3{margin-top:0;font-size:1.5vw}.Project-card{width:30%;border:1px solid rebeccapurple;height:500px;border-bottom:25px solid sandybrown;border-radius:20px;display:flex;flex-flow:column wrap;justify-content:space-around;align-items:center;padding:10px}.Project-card img{width:95%;height:45%;object-fit:cover}main{display:flex;flex-flow:row wrap;justify-content:space-between;padding:10px}html{scroll-behavior:smooth}body{font-family:Roboto,sans-serif}*{box-sizing:border-box}