:root{--color-background: #0E100F;--color-primary-1: #0ae448;--color-primary-2: #A374FF;--color-primary-3: #00bad5;--color-primary-4: #fec5fb;--color-primary-5: #ff8709;--color-primary-6: #d1d1d1;--color-input: #454533;--color-border: #323228;--color-card-background: #191917;--color-text: #ffffe3;--color-text-hover: #18a0fb;--color-glas: linear-gradient( var(--color-card-background) 0%, rgba(25, 25, 23, .3) 100% );--color-glas-hover: linear-gradient( rgba(10, 228, 72, .12) 0%, rgba(25, 25, 23, .4) 100% )}h1{font-weight:700;font-size:30px;color:var(--color-primary-2);margin:0}h2{font-weight:400;font-size:58px;margin:0}h3{font-weight:700;font-size:32px;margin:0}p{font-weight:400;font-size:16px;margin:0}span{font-weight:700;font-size:23px;margin:0}@font-face{font-family:Flubber;src:url(/assets/fonts/FLUBBER_.TTF) format("truetype")}button{display:flex;justify-content:center;align-items:center;border:none;border-radius:50%;border:1px solid var(--color-border);background:var(--color-glas);font-size:23px;transition:all .1s ease-in-out;cursor:pointer}button:hover{background:var(--color-glas-hover)}.magnetic-button{color:#fff;border-radius:48px;border:1px solid var(--color-primary-2);background:transparent;padding:1.5rem 3.5rem;font-size:1.5rem;font-weight:400}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--color-background);color:var(--color-text)}app-about-me,app-language-toggle,app-my-projects,app-section-wrapper,app-contact,app-footer,app-legal-notice,app-privacy-policy{display:flex;justify-content:center;align-items:center;flex-direction:column}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#a374ff;border-radius:10px}