@import"https://fonts.googleapis.com/css2?family=Pridi:wght@200;300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Pridi;font-weight:400}:root{--black: rgb(0, 0, 0);--white: rgb(255, 255, 255);--gray-50: #fafaf9;--gray-100: #f5f5f4;--gray-200: #e7e5e4;--gray-300: #d6d3d1;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--dark-red: rgb(255, 0, 0);--light-red: rgb(253, 185, 185);--dark-green: rgb(3, 76, 3);--light-green: rgb(159, 253, 159);--main-bg-color: var(--white);--text-color: var(--black);--shadow-1: 1px 1px 5px rgba(0, 0, 0, .5);--dark-main-bg-color: var(--black);--dark-text-color: var(--white);--dark-shadow-1: 1px 1px 5px rgba(255, 255, 255, .5);--transition: all .3s ease;--border-radius: .25rem;--letter-spacing-1: 2px;--letter-spacing-2: 4px;--letter-spacing-3: 6px}.dark-theme{--main-bg-color: var(--dark-main-bg-color);--text-color: var(--dark-text-color);--shadow-1: var(--dark-shadow-1)}html{scroll-behavior:smooth}.section-center{width:90%;max-width:1280px;margin:0 auto;height:100%}a{text-decoration:none;display:grid;justify-content:center;align-items:center}h1,h2,h3,h4,h5,h6{text-transform:uppercase;letter-spacing:var(--letter-spacing-3);margin-bottom:1rem;font-weight:700;color:var(--text-color)}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2.25rem}h4{font-size:2rem}h5{font-size:1.5rem}h6{font-size:1.25rem}.btn{background:var(--text-color);border:2px solid var(--text-color);border-radius:var(--border-radius);color:var(--main-bg-color);font-size:1.5rem;width:auto;height:3rem;text-transform:uppercase;letter-spacing:var(--letter-spacing-2);transition:var(--transition);cursor:pointer;padding:0 1rem}.btn:hover,.btn-hipster{background:var(--main-bg-color);color:var(--text-color)}.btn-hipster:hover{background:var(--text-color);color:var(--main-bg-color)}@media (width>=768px){h1{font-size:3.5rem}h2{font-size:3rem}h3{font-size:2.5rem}h4{font-size:2.25rem}h5{font-size:1.75rem}h6{font-size:1.5rem}}.notification{display:grid;place-items:center;position:fixed;z-index:4;top:0;left:50%;transform:translate(-50%);width:300px;background:var(--gray-300);border-radius:.25rem;margin-top:-7rem;transition:var(--transition);padding:1rem;border-left:8px solid var(--text-color);box-shadow:2px 2px 10px #00000080}.show-success-notification{margin-top:4rem;border-color:green}.show-error-notification{margin-top:2rem;border-color:red}