@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");body{margin:0;padding:0;box-sizing:border-box;line-height:1.5;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;background-color:#f0eeeb!important}a{text-decoration:none!important}li,ol,ul{list-style:none}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}.container{max-width:1280px;margin-inline:auto;margin-top:24px}.header{display:flex;justify-content:space-between;align-items:center;font-weight:400;line-height:26px;padding-inline:10px;a{color:#000;font-weight:800;span{color:#000;font-weight:500;font-size:18px}}}.header-navBar{display:none;gap:15px;padding:0;margin:0;a{color:#000;font-weight:600;padding:0;margin:0}a:hover{opacity:70%;border-bottom:2px solid #000}}.header-navBar a:active{color:blue}.header-hamburgerBar{display:block}.background-Font{margin-top:32px;background-color:#e6dace}.hero{margin-top:64px;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:30px;gap:30px;padding-inline:25px}.hero-left{img{width:200px;height:200px;border-radius:50%;margin-inline:auto}}.hero-leftFirst{background-color:#f4ece6;padding:34px 56px;border-radius:5px 5px 0 0;h2,h3{text-align:center;padding-top:24px}h3{font-weight:400}}.hero-leftSecond{display:flex;justify-content:center;gap:15px;padding-top:15px;padding-bottom:15px;background-color:#fff;border-radius:0 0 5px 5px;a{color:#000;opacity:80%}}.hero-right{h1{margin-top:10px;font-size:45px}p{padding-top:16px}}.hero-rightButtons{display:flex;gap:20px;a{padding:9px 25px;background-color:#fff;border-radius:20px;text-transform:uppercase;color:#624040;font-weight:700}}.footer{display:flex;flex-direction:column;background-color:#e6dace;padding:20px;margin-top:40px;h4{text-align:center;font-weight:500;margin-top:10px}}.footer-left{display:flex;flex-direction:column;justify-content:space-between;gap:20px;margin-left:0;align-items:center;a{color:#000;opacity:70%}h3{text-align:center;color:#5f9ea0;font-weight:400;margin-bottom:10px}}.footer-social{display:flex;justify-content:center;gap:20px;a{color:#000}}.footer-right{margin-top:40px}.contact-hero{margin-bottom:210px}.contact-hero h1{margin-top:25px;display:flex;justify-content:center}.contact-heroOne{justify-content:left;gap:25px;padding:30px 25px;margin-top:50px;background-color:#f0eeeb;box-shadow:inset 1px -2px 1px 0 #e6dace;i{padding:25px;border-radius:5px;background-color:bisque}a{text-align:center;color:brown}}.contact-heroOne,.myProject{display:flex;align-items:center}.myProject{margin-top:25px;flex-direction:column;justify-content:center;span{text-align:center;font-size:30px;font-weight:700}}.MyProject-container{margin-top:25px;display:grid;grid-template-columns:auto;grid-gap:30px 80px;gap:30px 80px;padding-inline:15px;img{width:300px!important;height:300px!important}}.Projects{background-color:#e0d1c2;position:relative;overflow:hidden;border-radius:8px;transition:transform .3s ease-in-out}.Projects-hover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(17,21%,49%,.6);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .4s ease-in-out;a,span{color:#fff}span{font-size:34px;font-weight:700}p{margin-top:10px;font-size:15px;font-weight:500;color:#fff}img{width:20px!important;height:20px!important}}.Projects:hover .Projects-hover{opacity:1}.myExperiences{margin-top:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;div{margin-top:30px;display:grid;grid-template-columns:auto auto;grid-gap:25px 25px;gap:25px 25px;margin-bottom:40px;img{width:100px;height:100px}}}.header-hamburgerBar{position:relative}.hamburgerBar{flex-direction:row;span{font-size:18px}}.hamburgerBarNav{display:flex;flex-direction:column;background-color:#fff;width:200px;height:100vh;position:absolute;top:0;right:-100%;transition:right .3s ease-in-out}@media (min-width:427px){.header-navBar{display:flex}.header-hamburgerBar{display:none}.hero{margin-top:64px;display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;grid-gap:30px;gap:30px;padding-inline:125px}.footer{flex-direction:column;justify-content:space-between}.footer-left{flex-direction:row;justify-content:space-around;margin-left:20px;align-items:flex-start}.MyProject-container{display:grid;grid-template-columns:auto auto auto}.myExperiences{div{display:grid;grid-template-columns:auto auto auto auto}}}.myExperiencesDiv{display:block}.en-tr{padding:3px 7px;background-color:#e6dace;border-radius:5px;cursor:pointer;span{color:#4e2525!important;font-weight:900!important}}