*{padding:0;margin:0;box-sizing:border-box}body{background:linear-gradient(100deg,#11f511,#2424e0);background-repeat:no-repeat;background-size:cover;background-position:center;color:#fff;font-family:Arial,Helvetica,sans-serif}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 10px;background:linear-gradient(100deg,#ffa600b9,#d355d3e0)}.logo-image{margin-right:10px;margin-top:30px}.logo-container{display:flex}.main-text{font-size:30px;font-weight:700;color:#00f;display:block}.sub-text{font-size:20px;color:#00f}.toggle-menu{font-size:30px;cursor:pointer;color:#00f;display:none}.navbar-links{display:flex;gap:20px;list-style:none}.navbar-links a{text-decoration:none;color:#fff}.hero{background-image:url(/gpcimage.jpg);background-position:center;background-size:cover;margin-top:0}.contrast{background-color:#79007980;z-index:2;inset:0;display:flex;flex-direction:column}.hero-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 20px}.hero-name h1{font-weight:700;color:#16e916e5;font-size:25px;margin-bottom:10px}.hero-name p{font-size:18px;font-weight:700;margin-bottom:10px}.about{padding:50px 30px}.about-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.about-container h2{font-size:50px;font-weight:700;margin-bottom:20px}.about-container p{font-size:18px}.about-container h3{font-size:30px;margin-top:20px;font-weight:700}.footer{padding:40px 30px;background:linear-gradient(100deg,#ffa600b9,#d355d3e0);text-align:center}.footer-container{display:flex;flex-wrap:wrap;justify-content:center}.quick-links{display:flex;justify-content:center;margin:0 auto;align-items:center;text-align:center;flex-wrap:wrap;list-style:none;gap:16px;padding:10px;border-radius:10px;max-width:500px;background:linear-gradient(100deg,#ffa6008e,#d355d3c5)}.box{display:flex;flex-wrap:wrap;max-width:100%;padding:20px;border:2px solid #00aacc;border-radius:10px;width:40%;text-align:center;justify-content:center}.quick-links a{text-decoration:none;color:#ff0;font-size:20px}.author{color:#00f;padding:10px 30px}.author-name{color:silver;font-size:20px}.footer-text h3{color:#0fc;text-align:center;padding:20px 0}.contact{max-width:500px;margin:20px auto 0;padding:30px;background:linear-gradient(100deg,#ffa6008e,#d355d3c5);border-radius:10px}.contact a{text-decoration:none;color:green}@media(max-width:768px){.navbar{justify-content:space-between}.logo-container img{width:70px}.main-text{font-size:20px}.sub-text{font-size:12px}.navbar-links{position:fixed;top:0;right:0;background:linear-gradient(100deg,orange,purple);display:flex;flex-direction:column;height:100vh;width:50%;padding:20px 10px;transform:translate(100%);transition:.3s ease-in}.navbar-links.open{transform:translate(0)}.toggle-menu{display:block;margin-left:10px}.close-toggle{position:fixed;right:10px}.close-toggle button{padding:5px 10px;background-color:#000;color:red;font-size:15px;font-weight:700;border-radius:10px;border:none;cursor:pointer}.footer-text h3{color:#0fc;text-align:center;padding:20px 0;font-size:18px}}