:root{--main-background: rgba(21, 21, 21);--accent-color: rgb(255, 210, 116);--black: rgb(4,4,4);--white: rgb(252, 252, 252)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;position:relative;font-family:Abel,sans-serif;transition:none;min-height:100vh;width:100%;overflow-x:hidden;color:var(--white);background-color:var(--main-background);background:linear-gradient(120deg,#161616,#0e0e0e) 100%/100% no-repeat}a,a:visited{color:var(--white);text-decoration:none;text-underline-offset:3px;transition:color .2s}a:hover{text-decoration:underline;color:var(--accent-color)}p{margin:18px 0}p,li{font-size:18px;line-height:1.4;text-align:justify}h2{font-size:3rem;margin:3rem 0 0}@media(max-width:768px){h2{font-size:2rem}}@media(max-width:480px){h2{font-size:1.5rem}}h3{font-size:2rem;font-weight:300;width:100%;text-align:center;padding:10px 20px;margin:40px 0 20px;color:var(--accent-color);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 30%,rgba(255,255,255,.04) 70%,transparent 100%);box-shadow:0 15px 15px -20px #00000080,0 -15px 15px -20px #00000080}@media(max-width:768px){h3{font-size:1.5rem}}@media(max-width:480px){h3{font-size:1.2rem}}button{background-color:transparent;border:none;padding:10px 20px;color:var(--white);font-size:1.2rem}button:hover{background-color:#ffffff1a;cursor:pointer}.contact-button{background-color:var(--accent-color);color:var(--black);font-weight:700;font-size:1.5rem;padding:15px 30px;border-radius:5px;margin:20px 0;transition:background-color .3s;width:auto;display:inline-block}.contact-button:hover{color:var(--black);outline:var(--white) solid 2px;outline-offset:2px;text-decoration:none}.contact-button:visited{color:var(--black)}.client{display:flex;align-items:center;justify-content:center;width:150px;height:100px;padding:10px}.client img{width:100%;height:auto;object-fit:contain}.client:hover,.client:focus{outline:2px solid var(--white);outline-offset:2px;border-radius:10px}