@import "https://fonts.googleapis.com/css2?family=Ephesis&display=swap";
*{border:none;margin:0;padding:0}*,:before,:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:#0000}input::-ms-clear{display:none}textarea{resize:vertical}button,input[type=submit]{box-shadow:none;cursor:pointer;background:0 0;display:inline-block}button::-moz-focus-inner{border:0;padding:0}label{cursor:pointer}legend{display:block}input[type=file]{max-width:100%}:root{--clr-1:#282828;--semi-tp-clr-1:#28282880;--clr-2:#37d4ee;--clr-3:#5c2d89;--clr-4:#0a0e17}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}::selection{background:var(--clr-3);color:#fff}body{font-family:var(--font-urbanist);background:var(--clr-4);color:#fff}.home{flex-direction:column;display:flex}.hero{background-image:url(/vera-cibulkova-01-c.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:100svh;padding:10px;display:flex}.hero-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0003;border-radius:40px;flex-direction:column;align-items:flex-start;gap:10px;width:100%;padding:20px;display:flex}.hero__title{font-size:clamp(1.5rem,6vw,4rem);font-weight:600}.hero__subtitle{font-size:clamp(16px,4vw,20px)}.hero__divider{background:#fff3;width:100%;height:2px}.hero__link{color:#fff;justify-content:center;align-self:flex-end;align-items:center;gap:5px;display:flex}.hero__link-container{height:16px;overflow:hidden}.hero__link-container-inner{flex-direction:column;transition:transform .3s;display:flex;transform:translateY(-16px)}.hero__link:hover .hero__link-container-inner{transform:translateY(0)}.about-me,.services,.why-me,.contact{margin-top:90px;padding:0 30px;scroll-margin-top:90px}.about-me-container{justify-content:center;align-items:center;gap:25px;width:min(100%,1000px);margin:0 auto;display:flex}.about-me__img{border-radius:40px;width:min(100%,500px)}.about-me__sign{font-family:var(--font-ephesis);text-align:right;margin-top:20px;font-size:clamp(3rem,4vw,4rem)}.services-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.services-item{background:#ffffff1a;border-radius:40px;padding:20px 20px 104px;position:relative;overflow:hidden}.services-item h3{font-size:1.5rem;font-weight:600}.why-me-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.why-me-item{z-index:1;background-image:url(/bg-black.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:40px;padding:20px 20px 104px;position:relative;overflow:hidden}.why-me-item h3{font-size:1.5rem;font-weight:600}.why-me-item__icon{z-index:-1;width:100px;position:absolute;bottom:0;right:0;transform:rotateY(180deg)}.services-item__bg-icon-wrapper{z-index:-1;width:100px;height:100px;position:absolute;bottom:20px;right:20px}.services-item__bg-icon{filter:blur(5px)}h2{width:max-content;height:40px;color:var(--clr-2);background:#ffffff1a;border-radius:20px;margin-bottom:10px;padding:5px;font-weight:600}h2 span{border-radius:15px;height:30px;padding:5px 7.5px;display:inline-block}p{font-size:18px}.contact-container{gap:10px;display:flex}.contact-container-inner{flex-direction:column;gap:10px;width:100%;display:flex}.contact__icon-wrapper{aspect-ratio:1;width:40px;color:var(--clr-2);background:#ffffff1a;border-radius:20px;justify-content:center;align-items:center;display:flex}.contact__img-link{background:#ffffff1a;border-radius:40px;justify-content:center;align-items:center;padding:20px;transition:background-color .3s;display:flex}.contact__img-link:hover{background:#fff3}.contact__img-link img{object-fit:contain;object-position:center;height:100px}.contact__map{border-radius:40px;width:100%;height:500px}@media screen and not (min-width:1300px){.services-list,.why-me-list{grid-template-columns:repeat(2,1fr)}}@media screen and not (min-width:900px){.services-list,.why-me-list{grid-template-columns:repeat(1,1fr)}.contact-container{flex-direction:column}}@media screen and not (min-width:650px){body{padding:0}.about-me,.services,.why-me,.contact{padding:0 10px}.about-me-container{flex-direction:column}}