.header{grid-area:header;background:#151515;color:#e2bb5a;text-align:center;line-height:60px;align-items:center;position:relative;padding-left:65px}.header .header-div{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.header .header-div ul li{height:48px;font-family:Inter;font-style:normal;font-weight:800;font-size:40px;align-items:center;line-height:100%;color:#e2bb5a}.header .header-div ul{list-style:none;margin:0;padding:0;display:flex;gap:2rem;flex-wrap:wrap}.header .header-div ul li{padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.header .header-div ul li:hover{background-color:#0000001a}.sidebar-mobile-item{display:none}@media (max-width: 1024px){.header .header-div{flex-direction:column;align-items:flex-start;width:100%}.header{padding-left:0}.header .header-div ul{display:flex;flex-direction:row;width:100%;flex-wrap:nowrap}.header .header-div ul li{text-align:left;display:flex;align-items:center}.header .header-div ul>li:nth-child(1){font-size:35px}.header .header-div ul li:nth-child(2) span{margin-left:auto}.menu-btnm{margin-top:0}.sidebar-mobile-item{display:flex;margin-left:auto;cursor:pointer}.sidebar{position:fixed;top:0;left:0;height:100vh;background:#000;color:#e2bb5a;transition:transform .3s ease-in-out;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:start;padding-top:80px;padding-bottom:60px}.sidebar:hover,.sidebar.open{width:15%}.sidebar.closed{transform:translate(-100%)}.sidebar.open{transform:translate(0);width:100vw}.sidebar-content{width:100%;height:100%;text-align:center;padding-top:50px;opacity:0;transition:opacity .3s ease-in-out}.sidebar.open .sidebar-content{opacity:1}.menu-btn{top:15px;left:15px;z-index:1001;margin-top:15px}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar ul li{padding:20px}.sidebar ul li a{color:#fff;text-decoration:none;font-size:18px}}.main{grid-area:main;padding:20px 140px 20px 20px;background:#151515;display:flex;flex-direction:column;gap:10px}#intro{height:60vh;display:flex}#intro>div{display:flex;flex-direction:column;height:100%;gap:5%}#intro>div:nth-child(1){width:35%}#intro>div:nth-child(2){flex:1 1 auto}#intro>div div{margin-top:auto;display:flex;flex-direction:column}#intro div:nth-child(1) div h1{font-family:Anton;font-style:normal;font-weight:400;align-items:center;font-size:48px;margin:0;color:#e2bb5a}#intro div:nth-child(1) div h2{font-family:Squada One,sans-serif;font-style:normal;font-size:35px;color:#fff;margin:0;font-weight:500}#about h2{font-family:Squada One,sans-serif;font-style:normal;font-size:40px;color:#fff;margin:0 0 35px;font-weight:500;text-align:center;width:100%}#intro div:nth-child(1)>div div{height:70px;margin-top:5%;padding-right:8%}.main #intro div:nth-child(1)>div div button{background-color:#e2bb5a;border:none;border-radius:20px;box-shadow:0 4px 8px #e2bb5a99;cursor:pointer;transition:box-shadow .3s ease;width:100%;height:100%;display:flex;justify-content:center;padding:5px;gap:10px;font-family:"Rounded Mplus 1c",sans-serif;font-style:normal;font-weight:700;font-size:30px;align-items:center;color:#fff}#intro div:nth-child(1)>div button:hover{box-shadow:0 6px 12px #e2bb5ae6}#about{min-height:40vh;display:flex;flex-direction:column;margin-top:10vh}#about>div:nth-child(1){width:100%;margin-top:auto}#about div:nth-child(1) p{color:#fff;font-family:Inter;font-style:normal;font-weight:600;font-size:30px;align-items:center;margin-top:30px}#skills{display:flex;flex-wrap:wrap;gap:4%;margin-top:50px}#skills div{flex:0 0 48%;height:48%;box-sizing:border-box;border:4px solid #e2bb5a;border-radius:20px;display:flex;margin-bottom:4%}#intro>div{display:flex;justify-content:flex-end;align-items:flex-end}#intro>div img{max-width:100%;height:auto}#skills{display:flex;flex-wrap:wrap;gap:4%}#intro>div div{margin-bottom:18px}#skills div{position:relative;flex:0 0 48%;min-height:35vh;border-radius:20px;background-color:#0f0f0f;overflow:hidden;display:flex;flex-direction:column;padding-left:20px;padding-right:20px}#skills div h3{color:#e2bb5a;font-family:Anton;font-style:normal;font-size:30px;font-weight:300;margin-top:15px;margin-bottom:15px}#skills div p{color:#fff;margin:0 0 20px;font-size:19px;font-family:Inter;font-style:normal;font-weight:500;line-height:27px}#skills div p a{position:relative;color:#fff;text-decoration:none}#skills div p a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:#fff;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}#skills div p a:hover:after{transform:scaleX(1);transform-origin:left}#skills div{border:4px solid #e2bb5a}#pricelist p{color:#fff;font-family:Inter;font-style:normal;font-weight:600;font-size:30px;align-items:center;margin-top:30px}#pricelist{display:flex;flex-direction:column;margin-bottom:50px}@keyframes single-stripe{0%{transform:translate(-50%)}to{transform:translate(50%)}}p.pp{font-family:Squada One,sans-serif;font-style:normal;font-size:40px;color:#fff;margin:40px 0 0;font-weight:500;text-align:center;width:100%}p.ppp{font-family:Squada One,sans-serif;font-style:normal;font-size:40px;color:#fff;margin:80px 0 0;font-weight:500;text-align:center;width:100%}@media (max-width: 1024px){*{text-align:center;align-items:center}#skills div p{color:#fff;margin:0 0 20px;font-size:20px;font-family:Inter;font-style:normal;font-weight:500;line-height:27px}.main{padding:0 17% 0 0;margin-top:60px}#intro{flex-direction:column;height:auto}#intro>div:nth-child(1){width:auto;margin-bottom:10vh}#intro div:nth-child(1)>div div{width:70%;padding:0}#about{height:auto;margin-top:60px;margin-bottom:40px}#about div:nth-child(1) p{font-size:20px;line-height:35px;margin:0}#about h2{font-family:Squada One,sans-serif;font-style:normal;font-size:35px;color:#fff;margin:0 0 40px;font-weight:500;text-align:center;width:100%}#skills{height:auto;display:flex;flex-wrap:wrap;width:100%;align-items:center;text-align:center;margin-top:0}#skills div{flex:1 1 auto;width:100%;margin-bottom:40px;min-height:40vh}p.pp,p.ppp{font-family:Squada One,sans-serif;font-style:normal;font-size:35px;color:#fff;margin:0 0 40px;font-weight:500;text-align:center;width:100%}#pricelist p{font-size:20px;line-height:35px;margin:0}}#madeby{color:#e2bb5a;text-align:center}.footer{grid-area:footer;background:#151515;text-align:center;display:flex;justify-content:center;align-items:center;gap:40px;height:60px;padding-left:65px}.footer div{display:flex;align-items:center;gap:5px}.footer div p{margin:0;font-size:22px;font-family:Inter;font-style:normal;font-weight:600;color:#fff}a{color:inherit;text-decoration:none}.footer-mobile{width:24px;height:24px}.footer-instagram{width:37px;height:24px}@media (max-width: 1024px){.footer-instagram{width:32px;height:19px}.footer-mobile{width:19px;height:19px}.footer-email{display:none}.footer{padding-left:40px}.footer div p{font-size:13px}}* .sidebar{grid-area:sidebar;width:60px;background:#e2bb5a;color:#fff;overflow:hidden;transition:width .3s;display:flex;flex-direction:column;align-items:center;position:fixed;height:100%}.menu-btn{margin-top:15px}.sidebar-content{width:200px;opacity:0;transition:opacity .3s;height:80%}.sidebar-content2{display:flex;flex-direction:column;width:200px;opacity:0;transition:opacity .3s;height:20%}.sidebar:hover,.sidebar.open{width:200px}.sidebar:hover .sidebar-content,.sidebar.open .sidebar-content,.sidebar:hover .sidebar-content2,.sidebar.open .sidebar-content2{opacity:1}.sidebar-content2 p{text-align:center;color:#000;margin-top:auto;opacity:.5}.sidebar ul{list-style:none;padding:0;margin:0;width:100%;height:100%}.sidebar ul li{padding:15px;text-align:center}.sidebar ul li a.sidebar-link{display:block;width:100%;padding:15px;box-sizing:border-box;color:#000;text-decoration:none}.sidebar ul li a.sidebar-link:hover,.sidebar ul li a.sidebar-link:focus{background:#0000000d}.sidebar ul li a.sidebar-link{display:block;width:100%;padding:15px;box-sizing:border-box;color:#000;text-decoration:none;transition:background-color .3s ease}.sidebar ul li a.sidebar-link:hover,.sidebar ul li a.sidebar-link:focus{background-color:#0000000f}.sidebar ul li a{color:#000;text-decoration:none}html{scroll-behavior:smooth}@media (max-width: 1024px){.sidebar:hover,.sidebar.open{width:100%}.sidebar ul li a.sidebar-link:hover,.sidebar ul li a.sidebar-link:focus{background:#0000}}body,html{margin:0;padding:0;font-family:Arial,sans-serif;height:100%}body{background-color:#151515}.container{display:grid;grid-template-rows:80px auto 60px;grid-template-columns:200px auto;grid-template-areas:"header header" "sidebar main" "footer footer";height:100vh}@media (max-width: 1024px){.container{grid-template-columns:15%;grid-template-areas:"header" "sidebar main" "footer"}}