:root{--color-orange:orangered;--color-dark:#2a2a2a;--body-bg:#d4f2fc;--tex-color:var(--color-dark);--border-color:var(--color-dark);--dark-bg:var(--color-dark);--dark-text-color:white;--dark-border-color:white;--shadow:4px -2px 40px 9px #80808076}html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}.container{width:80%;max-width:1400px;margin:auto}.flex{gap:1rem;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.grid{gap:1rem;display:grid}a{color:inherit;text-decoration:none}.title{text-align:center;margin-bottom:3rem}.title span{border-bottom:3px solid var(--color-orange)}.wrapper{background:var(--body-bg);min-height:100vh}[for=darkMode]{position:fixed;top:7rem;left:3rem}[for=darkMode]:hover{cursor:pointer;transition:all .3s;transform:scale(1.3)}header{box-shadow:var(--shadow);background:var(--body-bg);position:sticky;top:0}header .header{justify-content:space-between;align-items:center;padding:1rem 0}.logo{font-size:1.3rem;position:relative}.logo :first-child{margin-right:1rem;font-family:Joti One,serif;font-style:normal;font-weight:400}.line:before{content:"";background:var(--color-orange);width:4px;height:100%;position:absolute;left:55%}.navigation{font-weight:700;list-style:none}.navigation li:hover{color:var(--color-orange);transition:all .3s}#darkMode:checked+.wrapper{--body-bg:var(--dark-bg);color:var(--dark-text-color);--border-color:var(--dark-border-color)}#darkMode{display:none}.hero-section{max-height:60vh;margin-top:1rem;padding-top:5rem}.hero{background:var(--color-orange);box-shadow:var(--shadow);grid-template-areas:"left right";padding:1rem}.left{flex-direction:column;grid-area:left;justify-content:center;margin-left:5vw}.left div span{font-size:1.3rem;font-weight:700}.left .tag{letter-spacing:5px;font-size:2.2rem;font-weight:bolder}.left button{background:var(--dark-bg);color:var(--dark-text-color);cursor:pointer;border:none;border-radius:10px;margin:2rem;padding:1rem 2rem}.right{justify-content:flex-end;align-items:left;grid-area:right;margin-top:-9rem}.right img{height:90%}.banner{border:2px solid var(--border-color);box-shadow:var(--shadow);border-radius:30px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:10rem;padding:1rem}.info-content .icon-container{background:var(--color-orange);color:#fff;border-radius:50%;width:4rem;height:4rem;font-size:2rem}.info-content div span{letter-spacing:5px;font-size:1.3rem;font-weight:bolder}.info-content div p{color:var(--color-orange)}.info-divider{background:gray;width:2px;height:70px}.skills{margin-top:5rem}.skills-container{flex-wrap:wrap;justify-content:space-between}.skills-container>div{flex-direction:column;align-items:center;display:flex}.skills-container>div i{font-size:3rem}.projects{margin-top:5rem}.projects .project-container{grid-template-columns:repeat(2,1fr)}.projects .project-card{box-shadow:var(--shadow);border-radius:5px;padding-bottom:3rem}.project-card .links{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.about{background:#727e699f;margin-top:5rem;padding:7rem 0}.about .myImg{width:40%}.about .my-bio h2{letter-spacing:5px;margin-bottom:3rem;font-size:2rem}.about .my-bio p:nth-child(4),.my-bio .tag{font-size:1.3rem;font-weight:700}.my-bio .tag+div>span{border-radius:5px;padding:.8rem 1.2rem}.my-bio .tag+div>span:hover{cursor:pointer;background:#a96f6f;transition:all .5s;transform:scale(1.3)}.contact{padding-top:7rem 0;width:400px;margin:5rem auto auto}.contact .social{justify-content:space-between;font-size:4rem}.contact h3{text-align:center;padding:3rem 0}.contact .email-section{color:#fff;box-shadow:var(--shadow);background:#000;border-radius:40px;gap:3rem;padding:1rem 2rem}.contact .email-section span{font-size:1.5rem}.contact .email-icon{background:var(--color-orange);border-radius:50%;width:3rem;height:3rem}footer{color:#fff;background:#000;flex-direction:column;min-height:30vh;margin-top:5rem}footer .top{gap:5rem;margin-bottom:5rem}footer .top ul{padding-inline-start:0;list-style:none}footer .top ul li{line-height:1.5rem}.goUp{background:var(--color-orange);border-radius:50%;width:70px;height:70px;font-size:3rem;position:fixed;bottom:60px;right:20px}#hamburgerMenu,[for=hamburgerMenu]{display:none}@media (width<=768px){[for=hamburgerMenu]{cursor:pointer;display:block}.menu{background:var(--body-bg);width:250px;height:100vh;box-shadow:var(--shadow);transition:all .5s;position:absolute;top:3.7rem;left:100vw}.menu .navigation{flex-direction:column;font-size:1.3rem}.menu .navigation li{line-height:2.5rem}.slide{left:calc(100vw - 250px)}.hero{grid-template-areas:"right""left"}.hero .right{justify-content:center;align-items:center;margin-bottom:3rem}.hero .right img{width:80%}.banner{flex-direction:column;align-items:flex-start;padding-left:20%}.info-divider{display:none}.projects .project-container{grid-template-columns:1fr}.about-conent{flex-direction:column;align-items:center}.about .myImg{width:100%}}