:root{--color-main: rgb(247, 83, 19);--color-dark: #2a2a2a;--body-bg: rgb(169, 221, 217);--text-color: var(--color-dark);--border-color: var(--color-dark);--dark-bg: var(--color-dark);--dark-text-color: white;--dark-border-color: white;--shadow: 5px -3px 31px 8px rgba(109, 104, 104, .692)}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}*{box-sizing:border-box}.container{width:80%;margin:auto;max-width:1400px}.flex{display:flex;gap:1rem}.flex-center{display:flex;justify-content:center;align-items:center;gap:1rem}.grid{display:grid;gap:1rem}a{text-decoration:none;color:inherit}.wrapper{background:var(--body-bg);min-height:100vh}[for=darkmode]{position:fixed;top:7rem;left:3rem}[for=darkmode]:hover{cursor:pointer;transform:scale(1.5);transform:.3s}header{box-shadow:var(--shadow);position:sticky;top:0;background:var(--body-bg)}header .header{justify-content:space-between;padding:1rem 0}.logo{font-size:1.3rem;position:relative}.logo :first-child{font-weight:700;margin-right:1rem;font-family:Nova Slim,system-ui;font-weight:400;font-style:normal}.line:before{content:"";background:var(--color-main);width:2px;height:100%;position:absolute;left:46%}.navigation{list-style:none;font-weight:700}.navigation li:hover{color:var(--color-main);transition:all .6}#darkmode{display:none}#darkmode:checked+.wrapper{--body-bg: var(--dark-bg);color:var(--dark-text-color);--border-color: var(--dark-border-color)}.title{text-align:center;margin-bottom:3rem}.title span{border-bottom:3px solid var(--color-main)}.hero-section{margin-top:5rem;max-height:60vh;padding-top:8rem}.hero{background:var(--color-main);grid-template-areas:"left right";padding:2rem;box-shadow:var(--shadow)}.left{grid-area:left;flex-direction:column;justify-content:center;margin-left:10vw}.left div span{font-weight:700;font-size:1.3rem}.left .tag{font-size:2.2rem;font-weight:bolder;letter-spacing:4px}.left button{background:var(--dark-bg);color:var(--dark-text-color);padding:.8rem 2rem;border:none;border-radius:10px}.right{grid-area:right;justify-content:flex-end;align-items:center;margin-top:-7rem}.right img{height:100%}.banner{margin-top:5rem;border:2px solid var(--border-color);box-shadow:var(--shadow);padding:2rem;border-radius:50px;justify-content:space-between;flex-wrap:wrap;align-items:center}.info-content .icon-container{background:var(--color-main);width:4rem;height:4rem;border-radius:50%;font-size:2rem;color:#fff}.info-content div span{font-weight:700;font-size:1.3rem;letter-spacing:5px}.info-content div p{color:var(--color-main)}.info-divider{background:#000;height:70px;width:2px}.skills{margin-top:4rem}.skills-container{justify-content:space-between;flex-wrap:wrap}.skills-container>div{display:flex;flex-direction:column;align-items:center}.skills-container>div>i{font-size:3rem}.projects{margin-top:5rem}.projects .project-list{grid-template-columns:repeat(2,1fr)}.projects .project-card{box-shadow:var(--shadow);border-radius:4px;padding-bottom:2rem}.project-card .links{display:flex;justify-content:center;margin-top:2rem;gap:1rem}.about{margin-top:5rem;background:#468a4bd3;padding:7rem 0}.about .my-image{width:40%}.about .my-bio h2{letter-spacing:4px;font-size:2rem;margin-bottom:3rem}.about .my-bio p:nth-child(4),.my-bio .tag{font-size:1.3rem;font-weight:700}.my-bio .tag+div>span{padding:.7rem 1.3rem;border-radius:5px}.my-bio .tag+div>span:hover{background:gray;cursor:pointer;transform:scale(1.3);transform:all .5s}.contact{padding-top:7rem,0;width:400px;margin:auto;margin-top:5rem}.contact .social{font-size:3rem;justify-content:center;justify-content:space-between}.contact .email-section{background:#000;color:#fff;padding:1rem 2rem;border-radius:40px;margin-top:2rem;gap:3rem;box-shadow:var(--shadow)}.contact .email-section span{font-size:1.2rem}.contact .email-icon{background:var(--color-main);width:1.8rem;height:1.82rem;border-radius:50%}footer{height:30vh;background-color:#000;color:#fff;margin-top:5rem;flex-direction:column}footer .top{gap:4rem}footer .top ul{list-style:none;padding-inline-start:0}footer .top ul li{line-height:1.5rem}.scroll-up{font-size:1rem;background:var(--color-main);color:#000;padding:.5rem;border-radius:50%;position:fixed;right:20px;bottom:10px}#hamburgerMenu{display:none}[for=hamburgerMenu]{cursor:pointer;display:none}@media (max-width: 768px){[for=hamburgerMenu]{cursor:pointer;display:block}.menu{position:absolute;background:var(--body-bg);box-shadow:var(--shadow);width:250px;height:100vh;top:3.7rem;left:100vw}.menu .navigation{flex-direction:column;font-size:1.3rem}.menu .navigation li{line-height:1.9rem}.slide{left:calc(100vw - 265px)}.hero{grid-template-areas:"right" "left "}.hero .right{justify-content:center;align-items:center;margin-bottom:2rem}.banner{flex-direction:column;align-items:flex-start;padding-left:20%;margin-top:20rem}.info-divider{display:none}.projects .project-list{grid-template-columns:1fr}.about-content{flex-direction:column;align-items:center}}