:root{--bg-color:#131313;--text-primary:#fcf6ed;--accent-color:#46aeab;--accent-color-hover:#46aeabcc;--accent-color-low:#46aeab4d;--accent-color-text:#46aeab1a}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Regular.ttf)format("opentype");font-display:swap}html{scroll-behavior:smooth;overscroll-behavior-y:auto;font-size:10px}*{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,Arial,sans-serif}body{background-color:var(--bg-color);overflow-x:hidden}a{color:#fcf6ed;text-decoration:none}ul{list-style:none}::selection{color:#131313;background:#fcf6ed}.grayscale{filter:grayscale()}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#fcf6ed;border-left:1px solid #46aeab}::-webkit-scrollbar-thumb{background-color:#46aeabcc;border-radius:30px}::-webkit-scrollbar-thumb:hover{background-color:#46aeab}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}.closed-sleep-mode{display:none}.card-area{flex-flow:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.card-area .card{text-align:center;color:#fcf6ed;cursor:pointer;border:2px solid #fcf6ed;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:500px;height:350px;margin:1rem;padding:2rem;transition:all .3s;display:flex}.card-area .card .card-title{letter-spacing:1px;padding-bottom:2rem;font-size:2.5rem;font-weight:400;transition:all .3s}.card-area .card i{justify-content:center;align-items:center;width:70px;height:70px;padding-bottom:2rem;font-size:4rem;transition:all .3s;display:flex}.card-area .card .card-text{font-size:1.5rem;line-height:2rem}.card-area .card:hover{border-color:#46aeab}.card-area .card:hover .card-title,.card-area .card:hover i{color:#46aeab;border-color:#46aeab}section{box-sizing:border-box;color:#fcf6ed;background-color:#131313;flex-direction:column;justify-content:space-between;width:100%;padding:5rem 15rem;scroll-margin-top:70px;display:flex;position:relative;overflow:hidden}section .section-title-area{z-index:1;margin-bottom:5rem;position:relative}section .section-title{text-align:center;color:#46aeab;z-index:2;font-size:3rem;font-weight:500;position:relative}section .section-title:before{content:"";background-color:#46aeab4d;width:180px;height:2px;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}section .section-title:after{content:"";background-color:#46aeab;width:60px;height:2px;transition:all .3s;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}section .section-subtitle{color:#46aeab1a;white-space:nowrap;pointer-events:none;z-index:0;font-size:3rem;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}section:hover .section-subtitle{color:#46aeab1a;font-size:10rem;transform:translate(-50%,-50%)}section:hover .section-title:after{width:180px}@media (min-width:2560px){html{font-size:14px}section{padding:10rem 25rem}.card-area .card{max-width:600px;height:400px}}@media (max-width:1440px){section{padding:5rem 10rem}}@media (max-width:1024px){html{font-size:9px}section{padding:5rem 6rem}.card-area .card{max-width:45%;height:auto;min-height:300px}}@media (max-width:768px){section{padding:4rem 3rem}section:hover .section-subtitle{font-size:6rem}.card-area{flex-direction:column}.card-area .card{width:100%;max-width:100%;margin:1rem 0}}@media (max-width:425px){section{padding:3rem 2rem}.section-title{font-size:2.4rem}section:hover .section-subtitle{font-size:4rem}}@media (max-width:375px){section{padding:3rem 1.5rem}.card-area .card{padding:1.5rem}}@media (max-width:320px){html{font-size:8px}section{padding:2rem 1rem}.section-title:before,.section-title:after{width:100px}}