@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.header{margin:0 auto;padding:9rem 0 6rem;width:85vw}.header h1{margin-bottom:1rem}@media screen and (min-width:960px){.header{width:70vw}.header p{font-size:1.5rem}}.main{margin:0 auto;padding:3rem 0 0;width:85vw}@media screen and (min-width:960px){.main{width:70vw}}.section{margin-bottom:5rem}.section h2{margin-bottom:1rem}.section-colors .c-header{margin-bottom:2rem}.section-colors .c-data{margin-top:3rem}.section-fonts .f-data{padding:3rem 0}.colorlist-container{display:flex;flex-direction:column;margin-bottom:2rem}.colorlist-container h3{margin-bottom:1.5rem}.colorlist-container .cc-colors{grid-row-gap:.75rem;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));row-gap:.75rem}.colorlist-container .cc-colors .ccc-item{display:flex;flex-direction:column}.colorlist-container .cc-colors .ccc-item .ccci-color{border:1px solid #475569;border-radius:5px;padding:1rem}.colorlist-container .cc-colors .ccc-item .ccci-color-grade{font-size:.9rem;font-weight:700;margin-top:.3rem}.colorlist-container .cc-colors .ccc-item .ccci-color-code{color:#94a3b8;font-size:.7rem}@media screen and (min-width:960px){.colorlist-container{flex-direction:row}.colorlist-container h3{width:15%}.colorlist-container .cc-colors{grid-template-columns:repeat(10,minmax(0,1fr));width:85%}}.fontlist-container:last-child{margin-bottom:0}.fontlist-container{margin-bottom:3rem}.fontlist-container .f-example,.fontlist-container h3{margin-bottom:1rem}.fontlist-container .f-example .fe-weight{color:#64748b;font-size:.9rem}.footer{background-color:#0a101d;font-size:.8rem;letter-spacing:normal;padding:3rem 0}.footer .footer-container{display:flex;flex-direction:column;gap:2rem;margin:0 auto;width:85vw}.footer .footer-container .fc-links{align-items:center;display:flex;gap:.8rem}.footer .footer-container .fc-links a{color:#f8fafc;font-size:1.5rem;text-decoration:none;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.footer .footer-container .fc-links a:hover{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}.footer .footer-container .fc-info{display:flex;flex-direction:column;gap:1rem}@media screen and (min-width:960px){.footer .footer-container{align-items:center;flex-direction:row;position:relative;width:70vw}.footer .footer-container .fc-links{align-items:center;position:absolute;right:0}.footer .footer-container .fc-links a{align-items:center;display:flex;flex-direction:row;justify-content:center}.footer .footer-container .fc-info{align-items:center;flex-direction:row;gap:initial;padding:.5rem 0}.footer .footer-container .fc-info span:first-child:after{content:" | ";margin:0 1rem}}*{box-sizing:border-box;margin:0;padding:0}:root{font-size:16px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}::-webkit-scrollbar-thumb{background-color:#515151}::-webkit-scrollbar-thumb:hover{background-color:#747474}body{background-color:#0f172a;color:#f8fafc;font-family:Montserrat;letter-spacing:1.4px}body h1{font-size:clamp(2.5rem,5vw,5rem)}body h2{font-size:clamp(2rem,5vw,2.5rem)}body p,body span{color:#cbd5e1}
/*# sourceMappingURL=main.2a44bc87.css.map*/