:root{font-family:Roboto,sans-serif}body{margin:0;display:flex;place-items:center;font-family:Roboto,sans-serif}#root{width:100%;margin:0 auto;text-align:center;font-family:Roboto,sans-serif}body{font-family:Roboto,sans-serif}.navigation{width:100%;background-color:#fff7f3;min-width:300px;font-family:Roboto,sans-serif}.innerdiv{display:flex;flex-direction:row;justify-content:space-between}.picturediv{display:flex;flex-direction:row;justify-content:center}.picturediv__pdiv{display:flex;flex-direction:column;justify-content:center;margin-left:10px;text-align:left;font-weight:700;font-size:18px}.picturediv__pdiv p{margin:0;padding:0}.picturediv__img{height:80px;cursor:pointer}.linkdiv__ul{height:100%;display:flex;flex-direction:row;gap:6px;text-decoration:none;list-style-type:none;justify-content:center;padding-top:20px;padding-bottom:20px;padding-inline:0px;box-sizing:border-box;margin:0}.linkdiv hr{margin-inline:0px}.linkdiv__li{height:100%;display:flex;align-items:center;justify-content:center;width:90px;cursor:pointer;border-radius:3px;text-decoration:none;color:inherit}.linkdiv__li:hover{background-color:#faebd7}@media only screen and (max-width: 700px){.innerdiv{flex-direction:column;height:160px;padding-top:20px}}@media only screen and (max-width: 999px) and (min-width: 701px){.navigation{height:126px;padding:34px 3%;box-sizing:border-box}}@media only screen and (min-width: 1000px){.navigation{height:178px;padding:34px 12%;box-sizing:border-box}.innerdiv{height:110px;width:100%;box-sizing:border-box;padding-top:32px}}@media only screen and (max-width: 450px){.navigation li,.navigation a{font-size:12px;width:62px}.navigation button{font-size:12px!important}}.homescreen{background-color:#fff7f3;min-width:300px}.homeaboutme{background-color:#d9ffb6;padding:47px;color:#332e2e}.homeaboutme h1{font-size:3.8rem;margin-bottom:34px;font-weight:bolder}.homeaboutme h2{font-size:1rem;font-weight:lighter;color:#332e2ecc}.homeaboutme button,.homescreenbutton{color:#332e2e;margin-top:34px;border:1px solid #332e2e;padding:14px 40px;border-radius:50px;cursor:pointer;font-weight:700;font-size:14px;background-image:url(https://cdn.prod.website-files.com/5f50efa4420f363f6b5670b2/6739c0109820f5ce5a21a3b6_chevron-right%2002.svg);background-position:95%;background-repeat:no-repeat;background-size:auto;background-color:transparent;text-decoration:none}.homeaboutme button:hover,.homescreenbutton:hover{background-color:#332e2e!important;color:#fff;transition:background-color .5s ease,color .5s ease;background-image:url(https://cdn.prod.website-files.com/5f50efa4420f363f6b5670b2/6739c00f6ccbf2bcc188f50a_chevron-right.svg)}.homename{margin-top:60px;display:flex;justify-content:center}.homenameinner{display:flex;flex-direction:column;width:fit-content;gap:24px}.mainimage{width:100%;display:flex;flex-direction:row;box-sizing:border-box;justify-content:center}.mainimageinner{width:900px;height:300px;display:flex;flex-direction:row}.mainimageinner img{position:absolute;width:300px;margin-left:280px}.mainimageleft{width:50%;display:flex;flex-direction:column;justify-content:left;text-align:left;padding-top:80px;box-sizing:border-box}.mainimageleft hr{margin-bottom:20px}.mainimageright{width:50%;display:flex;flex-direction:column;align-items:end;gap:2px;padding-top:150px}.mainimageright p{width:270px;text-align:left}.mainimageright hr{width:500px;margin-top:8px}.mainimageright__hover{cursor:pointer;font-weight:700;display:flex;width:270px;font-size:18px}.mainimageright__hovermore{display:flex;flex-direction:column;position:absolute;margin-left:75px;background-color:#332e2e;color:#fff;width:100px;border:1px solid black;padding:10px;border-radius:5px;font-weight:400;opacity:0;visibility:hidden;transition:opacity .3s ease-in,visibility .3s ease-in}.mainimageright__hover:hover .mainimageright__hovermore{visibility:visible;opacity:1}.homeprojects{padding-top:120px;padding-left:10%;padding-right:10%;box-sizing:border-box}.homeprojects hr{display:none}.homeprojects h1{color:#332e2e}.homeprojects h3{color:#332e2e;font-weight:400;margin-top:20px;margin-bottom:40px}.projectsquaresdiv{width:100%;height:fit-content;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.projectsquare{display:flex;flex-direction:column;padding:40px 24px;box-sizing:border-box;justify-content:start;text-align:left;gap:18px;border-radius:20px;cursor:pointer;transition:transform .3s ease-in-out;background-color:#332e2e;color:#fff7f3;margin-bottom:20px}.projectsquare:hover{transform:scale(1.06)}.projectsquare h2{font-size:18px;font-weight:400}.projectsquare p{font-size:14px}.projectsquare a{text-decoration:none;color:#fff;display:flex;flex-direction:column;gap:20px}.homemoreaboutme{margin-top:5%}.moreaboutmetitle{width:fit-content;margin-left:10%}.moreaboutmetitle__h1{margin-top:6%;text-align:left}.moreaboutmetitle__h3{font-weight:400;margin-top:2%}.moreaboutmetop{margin-top:60px}.moreaboutmetop,.moreaboutmebottom{width:100%;left:0;display:flex}.moreaboutmetop__inner,.moreaboutmebottom__inner{display:flex;flex-direction:column;justify-content:center;width:40%;margin-left:5%;gap:20px;text-align:left}.moreaboutmetop__inner h2,.moreaboutmebottom__inner h2{text-align:left;font-weight:400;font-size:20px}.moreaboutmetop__inner p,.moreaboutme__inner p{text-align:left;font-weight:400;font-size:14px;font-weight:lighter}.moreaboutmetop img{width:50%;border-top-right-radius:150px}.moreaboutmebottom img{width:50%;border-bottom-right-radius:150px}.technologies{margin-top:140px;display:flex;flex-direction:column;gap:40px;justify-content:center;align-items:center;width:80%;margin-left:10%}.technologiesimages{display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;max-width:900px}.technologiesimages img{width:70px;height:70px;object-fit:cover;transition:transform .3s ease-in-out}.technologiesimages img:hover{transform:scale(1.2)}.shallwe{background-color:#d9ffb6;display:flex;flex-direction:row;align-items:center;margin-top:120px;padding-top:60px;padding-bottom:60px}.shallwe__left{width:fit-content;padding-left:10%;padding-right:5%}.shallwe__right{width:50%;display:flex;flex-direction:column;justify-content:center}.shallwe__left h1{font-weight:bolder;font-size:120px;width:fit-content;margin-right:5%;line-height:100px;color:#332e2e;text-align:left}.shallwe p{text-align:left;width:90%}.shallwe button{background-color:#332e2e;color:#fff;margin-top:20px;width:300px;border-radius:20px;padding-top:10px;padding-bottom:10px;font-size:16px}@media only screen and (max-width: 700px){.homeaboutme{padding:80px 24px 60px;display:flex;flex-direction:column}.homeaboutme h1,.homeaboutme h2{text-align:left}.homeaboutme button{padding-left:24px;padding-right:30px;width:fit-content;box-sizing:border-box;background-position:98%}.mainimageright,.mainimageleft{display:none}.mainimage{width:100%}.mainimageinner{width:100%;height:300px;display:flex;align-items:center;justify-content:center}.mainimageinner img{position:relative;width:300px;margin-left:0}.homeprojects{padding-left:5%;padding-right:5%;padding-top:50px}.homeprojects hr{display:block;margin-bottom:20px}.projectsquare{width:100%;height:fit-content}.shallwe h1{width:100%}.moreaboutmetitle{margin-top:80px;width:90%;margin-left:5%}.moreaboutmetitle__h1{text-align:center}.moreaboutmetop,.moreaboutmebottom{flex-direction:column;padding-left:5%;padding-right:5%;padding-top:3%;box-sizing:border-box;margin-top:10px}.moreaboutmetop img,.moreaboutmebottom img{width:100%;border-radius:0;height:250px;object-fit:cover}.moreaboutmetop__inner,.moreaboutmebottom__inner{width:100%;margin-top:30px;margin-bottom:30px;margin-inline:0px}.moreaboutmetop__inner h2,.moreaboutmebottom__inner h2{width:100%;font-weight:700}.moreaboutmetop__inner p,.moreaboutmebottom__inner p{text-align:justify}.technologies{margin-top:40px;text-align:left;width:90%;margin-left:5%}.technologies hr{width:100%}.shallwe{padding-left:5%;flex-direction:column;justify-content:left;align-items:start}.shallwe__left{display:flex;padding-left:0;flex-direction:row}.shallwe__right{width:100%;display:flex;justify-content:left;align-items:self-start}.shallwe__left h1{font-size:40px;margin-right:0}.shallwe p{width:95%;text-align:justify;margin-bottom:20px}}@media only screen and (max-width: 999px) and (min-width: 701px){.navigation{height:126px;padding:34px 3%;box-sizing:border-box}.mainimageinner{width:100%;height:300px;display:flex;align-items:center;justify-content:center}.mainimageinner img{position:absolute;width:270px;margin-left:0}.mainimageleft{width:35%;padding-top:0}.mainimageright{height:30px;padding-top:30px;box-sizing:border-box;gap:0px}.mainimageright hr{width:360px}.mainimageright p{width:162px;font-size:12px}.mainimageleft h1{font-size:25px}.mainimageright__hover{width:162px}.projectsquare{width:48%;height:180px}.projectsquare a{text-decoration:none;color:#fff;display:flex;flex-direction:column;gap:20px}.projectsquare a:visited{color:inherit}.shallwe__left h1{font-size:80px;line-height:90px}.shallwe button{width:260px}}@media only screen and (min-width: 1000px){.navigation{height:178px;padding:34px 12%;box-sizing:border-box}.projectsquare{width:24%;height:180px;background-color:#332e2e;color:#fff7f3}}@media only screen and (max-width: 450px){.homeaboutme h1{font-size:2.2rem;margin-bottom:34px;font-weight:bolder}.homenameinner hr{display:none}.homenameinner h1{margin-top:30px}.mainimage{margin-top:20px}.shallwe button{width:90%}}.infiniteslider{width:100%;position:relative;overflow:hidden}.infinitesliderinnertrack:hover{animation-play-state:paused}.infinitesliderinner:before{left:0;top:0}.infinitesliderinner:after{right:0;top:0;transform:rotate(180deg)}.infiniteslider img{width:70px;height:70px;object-fit:contain;transition:transform .5s ease-in-out}.infiniteslider img:hover{transform:scale(1.2)}.homeaboutme h2{text-align:justify;margin-left:40px;margin-right:40px}.mainimage{margin-top:40px;margin-bottom:40px}.aboutmeprogramming{margin-top:50px}.aboutmeprogrammingtop{width:fit-content;margin-left:40px;margin-bottom:40px}.aboutmeprogramming h2{text-align:left;margin-left:40px;font-size:28px}.aboutmeprogramming hr{margin-left:40px}.aboutmeprogramminginner{display:flex;justify-content:center;align-items:center;margin-bottom:40px;height:370px}.aboutmeprogramminginner__images{position:relative;width:40%;height:fit-content;height:370px;overflow:hidden}.aboutmeprogramminginner__infinite{z-index:1}.aboutmeprogramminginner p{width:60%;padding-left:5%;padding-right:80px;box-sizing:border-box;text-align:justify}.aboutmeprogramminginner__img{position:absolute;height:370px;left:0;width:40%;z-index:5;object-fit:cover;border-top-right-radius:40px;border-bottom-right-radius:40px}.aboutmestudying{margin-top:40px;margin-bottom:80px;display:flex;flex-direction:column;align-items:flex-end}.aboutmestudyingtop{width:fit-content;display:flex;flex-direction:column;margin-right:80px;margin-bottom:40px}.aboutmestudying h2{text-align:right;font-size:28px;width:fit-content}.aboutmestudyingbottom{display:flex;flex-direction:row;width:100%;align-items:center}.aboutmestudyingbottom img{margin-left:80px;height:370px;width:40%;object-fit:cover;border-top-left-radius:40px;border-bottom-left-radius:40px}.aboutmestudyingbottom p{text-align:justify;padding-left:80px}.infinitesliderinner{border-top-right-radius:40px;overflow:hidden}@media only screen and (max-width: 700px){.homeaboutme h2{margin-left:0;margin-right:0}.aboutmeprogramming,.aboutmestudying{display:flex;flex-direction:column;height:fit-content;width:100%}.aboutmestudying{margin-bottom:60px}.aboutmeprogrammingtop,.aboutmestudyingtop{width:90%;margin-left:0;margin-right:0;margin-bottom:20px;padding-left:5%;padding-right:5%}.aboutmeprogramming hr,.aboutmestudying hr{margin-left:0}.aboutmeprogramming h2,.aboutmestudying h2{margin-left:0;text-align:left;width:100%}.aboutmeprogramminginner{flex-direction:column;height:fit-content;position:relative}.aboutmeprogramminginner p{width:100%;padding-inline:5%;margin-top:20px}.aboutmestudyingbottom p{width:100%;padding-inline:5%;box-sizing:border-box;margin-top:20px}.aboutmestudyingbottom img{width:90%;box-sizing:border-box;border-radius:20px;margin-left:0}.aboutmeprogramminginner__img{top:0;width:90%;margin-left:5%;border-radius:20px}.aboutmestudyingbottom{flex-direction:column-reverse}.aboutmeprogramminginner__images{width:85%;border-radius:0}}@media only screen and (max-width: 450px){.aboutmeprogramminginner__images{width:88%;height:300px}.aboutmeprogramminginner__img{height:290px;object-fit:cover}}.footer{width:100%;min-width:300px;background-color:#332e2e;color:#fff;padding-top:60px;padding-inline:10%;padding-bottom:60px;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap}.externallinks{display:flex;gap:40px;flex-wrap:wrap}.externallinks a{font-weight:700;text-decoration:none;color:#fff;font-size:20px;transition:transform .3s ease-in-out}.externallinks a:hover{transform:scale(1.1)}.internallinks{display:flex;margin-top:50px;flex-wrap:wrap}.internallinks ul{display:flex;gap:40px;text-decoration:none;list-style-type:none;padding:0}.internallinks li{cursor:pointer}.internallinks a{color:inherit;text-decoration:none}@media screen and (max-width: 700px){.footer{padding-inline:5%}}@media screen and (max-width: 450px){.internallinks ul{width:90%;gap:10px;row-gap:30px;justify-content:space-between;flex-wrap:wrap}}