:root{--main-color-d2: #dcbd3e;--main-color-d1: #ead757;--main-color: #ffee6f;--main-color-l1: #fff282;--main-color-l2: #fff3b7;--secondary-color-d2: #2b1e39;--secondary-color-d1: #322343;--secondary-color: #362746;--secondary-color-l1: #4b3464;--secondary-color-l2: #715490;--color-base-1: #111;--color-base-2: #292929;--color-base-3: #3e3e3e;--color-base-4: #5d5d5d;--color-base-5: #6c6c6c;--color-base-6: #a1a1a1;--bg-page: #fff;--bg-box: #f7f7f7;--bg-box-border: #f3f3f3;--paragraph: #222;--a: #a0d2f3;--a-hover: var(--main-color-l2);--footer-bg: var(--bg-box);--footer-elements: var(--main-color-l1)}h1,h2,h3,h4,h5,h6{color:#000;font-family:"LibreBaskerville";font-family:"DroidSerif";font-family:"Crimson"}h2{font-weight:normal;font-size:24pt}@media screen and (min-width: 360px){h2{font-size:28pt}}@media screen and (min-width: 480px){h2{font-size:32pt}}.typo-hero{padding:24px;padding-top:128px;margin-bottom:48px}.typo-hero h1{font-weight:normal;font-size:24pt}@media screen and (min-width: 480px){.typo-hero{display:flex;padding-top:192px;gap:24px;margin-bottom:64px}.typo-hero>div:first-child{width:0;flex:2}.typo-hero h1{max-width:480px;font-size:36pt;padding-left:36px}.typo-hero>div:last-child{width:0;flex:1}}.des-grid-1{display:grid;gap:24px;grid-template-columns:1fr}@media screen and (min-width: 600px){.des-grid-1{grid-template-columns:1fr 1fr}}@media screen and (min-width: 800px){.des-grid-1{grid-template-columns:1fr 1fr 1fr}}#design-ares h2{font-weight:normal;padding-left:36px}#design-ares .area{position:relative;background:var(--bg-box);height:192px;transition:background-color .3s ease,height .25s ease}#design-ares .area:hover{background:#efefef}#design-ares .area>img{width:100%;height:100%;padding:28px;-o-object-fit:cover;object-fit:cover;box-shadow:2px 6px 12px rgba(17,17,17,.0196078431);transition:padding .3s ease}#design-ares .area:hover>img{padding:16px}#design-ares .area>h3{position:absolute;left:16px;bottom:16px;padding:8px 16px;margin:0;font-size:18pt;text-align:left;background:#000;color:#fff;transition:font-size .2s ease}#design-ares .code-pointer{position:absolute;width:1px;height:8px;background:#6d6d6d;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition:height .2s ease;animation:design-areas-code-pointer 2s steps(2, start) infinite}#design-ares .area:hover .code-pointer{height:10px;background:#000}@keyframes design-areas-code-pointer{to{visibility:hidden}}@media screen and (min-width: 360px){#design-ares{padding:var(--pd)}}@media screen and (min-width: 480px){#design-ares .area{height:200px}}@media screen and (min-width: 600px){#design-ares .area{height:192px}#design-ares .area>h3{left:0;bottom:36px;width:100%;padding:0 36px 0 0;font-size:24pt;text-align:right;background:none;color:#000}}@media screen and (min-width: 800px){#design-ares .area{height:200px}#design-ares .area>h3{font-size:20pt}}@media screen and (min-width: 1024px){#design-ares .area{height:220px}#design-ares .area>h3{font-size:24pt}}header.active .box{background:rgba(255,255,255,.7803921569);box-shadow:0px 6px 16px rgba(17,17,17,.0666666667)}header .apps>#apps-menu-toggle>svg{fill:#2d2d2d}header .apps>#apps-menu-toggle:hover>svg{fill:#000}header #header-login a{background:#2d2d2d;color:#fff}header.active #header-login a{background:#000;color:#fff}#hamburger .line,#hamburger.active .line,.active #hamburger .line{background-color:#000}header .header ul li a{color:#000}#header-links>a::after{background:#f5f5f5;border-color:#5bd3ff}#header-links>a#header-link-design::after{border-color:#000}#header-links>a[data-side=left]::after{left:0}#header-links>a[data-side=right]::after{right:0}#header-links>a:hover{color:#000}#header-links>a:hover::after{width:100%;transition-duration:.45s;opacity:1}footer h3{font-family:"Quicksand",sans-serif}#retro-medusa{background:var(--bg-box)}#retro-medusa>div{padding:64px var(--pd)}#retro-medusa span{background:#232323;color:#fff;margin-left:28px;font-style:italic;padding:4px 8px}#retro-medusa h2{margin:0;margin-left:28px}#retro-medusa .split{margin-top:28px}#retro-medusa .spotify{padding-bottom:25px}#retro-medusa img{width:100%}#retro-medusa #retro-medusa-desc{margin-top:-24px}@media screen and (min-width: 768px){#retro-medusa .split{display:flex;flex-direction:row-reverse;gap:28px}#retro-medusa .split>div{width:0;flex:1}#retro-medusa #retro-medusa-desc{padding-left:28px;margin-top:0}}/*# sourceMappingURL=page-design.min.css.map */