*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}:root{--background: #101010;--white: #ffffff;--gray: #a39e9e;--gold: linear-gradient( 90deg, rgba(227, 148, 1, 1) 6%, rgba(255, 168, 2, 1) 35%, rgba(255, 216, 61, 1) 100% )}html{scroll-behavior:smooth}body{background-color:var(--background)}.goldText{background:var(--gold);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700}.whiteText{color:var(--white)}.bold{font-weight:700}.semiBold{font-weight:500}a{color:var(--white);text-decoration:none;font-size:clamp(1rem,1.1vw,1.4rem);transition:all .3s ease}a:hover{transform:translateY(-2px)}.biggestGtext{font-size:clamp(2rem,3vw,4.5rem)}.smallerGtext{font-size:clamp(1.4rem,2vw,3rem);margin-bottom:1rem}.biggestWtext{font-size:clamp(1rem,1.8vw,3rem);font-weight:700;line-height:1.5}.smallerWtext{font-size:clamp(1rem,1.25vw,2rem);line-height:1.4}.grayText{font-size:clamp(1rem,1.25vw,2rem);color:var(--gray);line-height:1.5}.page,.projectPage{width:90%;margin:0 auto;padding-top:5rem;margin-top:2rem}.topOfpage{padding-bottom:3rem}nav{display:flex;flex-direction:row;justify-content:center;padding-bottom:1rem;margin-bottom:2rem;background-color:#101010b3;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);z-index:1000;position:fixed;top:0;right:0;left:0}.nav-cont{display:flex;justify-content:space-between;align-items:center;width:90%;background-color:transparent;padding-top:1rem}.links{gap:3rem;display:none}.logo{width:2rem;height:2rem;border-radius:50%}.menu{color:var(--white);font-size:1.8rem;cursor:pointer}.fake{color:var(--background);background-color:var(--background);display:flex;flex-direction:row;position:relative;z-index:-1000;justify-content:center;padding-bottom:1rem;margin-bottom:2rem;background-color:#101010b3;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%)}.open-menu{position:fixed;top:0;width:250px;height:100vh;display:flex;flex-direction:column;background-color:#10101098;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);border-left:#ffbc1b solid 1px;font-size:1.2rem;font-weight:500;padding:2rem 1.5rem;gap:1rem;text-align:center;z-index:2000;transition:right .3s ease-in-out}.menu-closed{right:-250px}.menu-open{right:0;box-shadow:0 0 50px #ffbc1bbf;-webkit-box-shadow:0px 0px 50px 0px rgba(255,188,27,.75);-moz-box-shadow:0px 0px 50px 0px rgba(255,188,27,.75)}.x-icon{text-align:left;padding:0!important;font-size:1.4rem;cursor:pointer}.close-ham{display:flex;margin-bottom:2rem}.close-tag{padding-left:.5rem;font-weight:300}.menu-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:1999;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.menu-backdrop.active{opacity:1;visibility:visible}.white{color:var(--white)}.fullHeight{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.header{display:flex;flex-direction:column;width:100%;margin:0 auto;row-gap:2rem}.toTheLeftHome{display:flex;flex-direction:column;row-gap:.8rem;justify-content:center;align-items:center;width:90%;margin:0 auto;text-align:center}.HasanImage{width:100%;bottom:0}.button{background:var(--gold);color:var(--background);font-weight:700;font-size:clamp(.8rem,1.3vw,2rem);border:none;padding:.5rem .4rem .5rem 1rem;border-radius:.3rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:fit-content;margin-top:1.2rem;box-shadow:0 0 18px -4px #e39401bf;-webkit-box-shadow:0px 0px 18px -4px rgba(227,148,1,.75);-moz-box-shadow:0px 0px 18px -4px rgba(227,148,1,.75);transition:all .3s ease}.button:hover{box-shadow:0 0 20px 3px #e39401bf;-webkit-box-shadow:0px 0px 20px 3px rgba(227,148,1,.75);-moz-box-shadow:0px 0px 20px 3px rgba(227,148,1,.75)}.arrow{font-size:clamp(1rem,1.5vw,2rem);padding-left:.3rem;font-weight:700}.card-cont,.test-cont{display:grid;grid-template-columns:1fr;gap:2.5rem;position:relative}.card-wrapper{position:relative}.card{display:flex;flex-direction:column;row-gap:1rem;position:relative;border-radius:1rem;padding:2rem 1.5rem 3rem;background-color:var(--background);z-index:10;border-top:solid 2px #ffbc1b;cursor:default;transition:all .3s ease}.card:hover{box-shadow:0 10px 40px -20px #e39401bf;-webkit-box-shadow:0px 10px 40px -20px rgba(227,148,1,.75);-moz-box-shadow:0px 10px 40px -20px rgba(227,148,1,.75);transform:translateY(-4px)}.glowCircle{position:absolute;z-index:-1;top:30%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:20rem}.BigGlowCircle{position:absolute;z-index:-1;top:10%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:20rem}.imgAndName{display:flex;align-items:center;gap:1rem}.user{width:2.5rem;height:2.5rem;border-radius:50%}.quote{color:#ffbc1b;font-size:clamp(1.4rem,3vw,2rem);margin-top:1rem;text-shadow:0px 0px 50px rgba(227,148,1,.6)}.left{align-self:flex-end;margin-top:0}.nameAndJob{display:flex;flex-direction:column}.smallerGray{font-size:clamp(.95rem,1.1vw,1.8rem);line-height:1.2}.projectImg{width:100%;max-width:80rem;margin:0 auto}.form{width:100%;display:flex;flex-direction:row;background-color:var(--background);padding:1.5rem .5rem;border-radius:1rem;position:relative;margin-bottom:1.5rem;margin-top:1rem;box-shadow:0 0 140px -40px #e39401bf;-webkit-box-shadow:0px 0px 140px -40px rgba(227,148,1,.75);-moz-box-shadow:0px 0px 140px -40px rgba(227,148,1,.75)}.form:before{content:"";position:absolute;inset:-2px;border-radius:1rem;background:var(--gold);z-index:-1}.form-title{text-align:center;color:var(--white);font-size:clamp(1.5rem,1.8vw,2.2rem)}.to-left-top{display:flex;flex-direction:column;width:90%;margin:0 auto;gap:1rem}.input{border-radius:.6rem;background-color:var(--background);color:var(--gray);border:var(--white) 1px solid;font-size:clamp(1rem,1.2vw,1.2rem);box-shadow:none;padding:.5rem 1.4rem;transition:all .3s ease}.input:hover{box-shadow:none;border-color:var(--main-black)}.input::placeholder{color:var(--sec-gray);accent-color:var(--main-black)}.input:focus{outline:none;accent-color:var(--white);color:var(--white);box-shadow:none}.form-btn{border-radius:.5rem;display:flex;gap:.4rem;text-align:center;justify-content:center;box-shadow:none;font-size:clamp(1rem,1.2vw,1.7rem);width:100%;transition:all .3s ease;box-shadow:0 0 18px -4px #e39401bf;-webkit-box-shadow:0px 0px 18px -4px rgba(227,148,1,.75);-moz-box-shadow:0px 0px 18px -4px rgba(227,148,1,.75)}.form-btn:hover{transform:translateY(-2px)}textarea{resize:none}.divider{display:flex;width:100%;margin:0 auto;color:var(--white);padding:.6rem 0;align-items:center;justify-content:space-between}.line{border:solid .2px;width:45%}.line-text{font-size:1rem;font-weight:700}.whatsapp{border-color:#25d366;background-color:#25d366;color:var(--background);font-weight:700;margin-bottom:4rem;border-radius:.5rem;display:flex;gap:.4rem;text-align:center;justify-content:center;box-shadow:none;font-size:clamp(1rem,1.2vw,1.7rem);width:100%;padding:.5rem .4rem .5rem 1rem;margin-top:1.5rem;box-shadow:0 0 44px 1px #25d366bf;-webkit-box-shadow:0px 0px 44px 1px rgba(37,211,102,.75);-moz-box-shadow:0px 0px 44px 1px rgba(37,211,102,.75)}.footer{margin-top:6rem;width:100%;background-color:var(--background);color:var(--white);display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 1rem;position:relative;box-shadow:0 -20px 165px -39px #e39401bf;-webkit-box-shadow:0px -20px 165px -39px rgba(227,148,1,.75);-moz-box-shadow:0px -20px 165px -39px rgba(227,148,1,.75)}.footer:before{content:"";position:absolute;top:0;left:0;height:2px;width:100%;border-radius:4rem;background:var(--gold)}.footer a{color:var(--white)}.footer-big-text{font-size:clamp(1.2rem,1.4vw,2.2rem);padding-bottom:1rem}.footer-small-text{font-size:clamp(1rem,1.2vw,1.6rem);line-height:1.3}.footer-icon{font-size:clamp(1.4rem,1.4vw,2rem)}.contact-me-footer{padding-bottom:2rem}.social-footer{width:100%;padding-bottom:2rem}.social-icons{width:90%;max-width:22rem;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.quick-links{width:100%;padding-bottom:2rem}.links-for-footer{display:flex;width:90%;max-width:25rem;margin:0 auto;justify-content:space-between;flex-wrap:wrap;column-gap:.3rem}.privacy{width:90%;max-width:30rem;margin:0 auto;padding-bottom:2rem}.credit{padding-bottom:1.2rem}@media (min-width: 560px){.card-cont,.test-cont{grid-template-columns:1fr 1fr;margin-top:1.5rem;gap:3rem}}@media (min-width: 650px){.menu{display:none}.links{display:flex}.logo{width:2.5rem;height:2.5rem}.user{width:2.8rem;height:2.8rem}.header{display:flex;flex-direction:row}.toTheLeftHome{width:50%;text-align:left;align-items:start;padding-top:1rem;gap:2rem}.button{margin-top:2rem;padding:.5rem .4rem .5rem 1rem}.header{flex-direction:row;width:80%;position:relative}}@media (min-width: 990px){.fake{display:none}.form{padding-bottom:2rem}.whatsapp{margin-bottom:10rem}.card-cont{grid-template-columns:1fr 1fr 1fr}.glowCircle{top:17%}.to-left-top{row-gap:1.4rem}.form-btn{padding:1rem}.input{padding:.6rem 1.8rem}.form-title{padding:.4rem}.toTheLeftHome{width:50%;text-align:left;align-items:start;padding-top:1rem;gap:2rem}.button{margin-top:2rem;padding:.5rem .4rem .5rem 1rem}.header{flex-direction:row;width:80%;position:relative}nav{position:fixed;z-index:1000;padding-bottom:0;top:0;left:0;right:0}.nav-cont{width:80%;padding-top:2rem}.page{width:80%;height:100vh}.projectPage{width:80%}.topOfpage{padding-top:3rem}.smallerGtext{margin-bottom:2rem}.smallerWtext{line-height:1.7}.fullHeight{justify-content:center}.toTheRightHome{position:relative;width:50%}.HasanImage{position:absolute;top:82%;left:50%;transform:translate(-50%,-50%);width:140%}.biggestWtext{width:80%}.card{padding:2rem 2rem 3rem}}@media (min-width: 770px){.top-footer{width:100%;display:flex;justify-content:space-between}.right-footer,.left-footer{width:40%;display:flex;flex-direction:column;justify-content:space-between}.middle-footer{width:20%}.links-for-footer{flex-direction:column;height:100%;justify-content:space-between;padding-bottom:2rem}.quick-links{height:100%}.bottom-footer{padding-top:3rem}.footer{margin-top:4rem;padding:7rem 1rem}.long{width:100%}}@media (min-width: 1150px){.card-cont,.test-cont{margin-top:3rem;gap:4rem}.header,.nav-cont,.page,.projectPage{width:70%}.HasanImage{top:70%;width:140%}}@media (min-width: 1350px){.logo{width:3rem;height:3rem}.user{width:3.5rem;height:3.5rem}.card-cont,.test-cont{margin-top:3.1rem}.glowCircle{top:15%}.BigGlowCircle{top:5%}.form{padding-bottom:3rem}}@media (min-width: 1650px){.HasanImage{top:70%;width:130%}}