:root{--base-font-size: 16px;--h3-font-size: 20px;--h2-font-size: 20px;--h1-font-size: 28px;--max-content-width: 800px}@media (min-aspect-ratio: 1/1){:root{--max-content-width: 800px}}@media (min-aspect-ratio: 1/1) and (min-width: 1000px){:root{--max-content-width: 800px}}@media (min-aspect-ratio: 1/1) and (min-width: 1500px){:root{--max-content-width: 1000px;--base-font-size: 20px;--h3-font-size: 24px;--h2-font-size: 24px;--h1-font-size: 32px}}@media (min-aspect-ratio: 1/1) and (min-width: 2000px){:root{--max-content-width: 1200px;--base-font-size: 24px;--h3-font-size: 28px;--h2-font-size: 28px;--h1-font-size: 36px}}@media (min-aspect-ratio: 1/1) and (min-width: 2500px){:root{--max-content-width: 1400px;--base-font-size: 28px;--h3-font-size: 32px;--h2-font-size: 32px;--h1-font-size: 40px}}*{padding:0;margin:0;box-sizing:border-box;color:#dbffde}*::-webkit-scrollbar{display:none}*{scrollbar-width:none}*{-ms-overflow-style:none}html{position:relative;height:100vh;height:100svh;background-image:url(./aurora12-BTxcxtuk.webp);background-size:cover;background-repeat:no-repeat;background-position:center center;background-color:#000}body{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#82828233}body .scrollable{height:100vh;height:100svh;padding-top:16px;padding-bottom:16px;display:flex;flex-direction:column;align-items:center;gap:16px;overflow-y:scroll}.card{border:1px solid #AFA;width:100%;background-color:#141414cc;border-radius:20px;box-shadow:3px 4px #000000b3;padding:8px}.clickable{font-size:var(--base-font-size);background-color:#0a0a0a80;width:100%;padding:8px;text-decoration:none;border-radius:12px;border:1px solid #AFA}.clickable:hover{background-color:#141414b3;border:1px solid rgb(0,255,0);cursor:pointer}header{width:92%;display:flex;flex-direction:column;gap:8px}#h1-y-h2{display:flex;flex-direction:column;gap:8px}h1,h2{text-align:center}h1{font-size:28px}h2{font-size:20px}#nav{display:flex;flex-direction:column;gap:8px}#nav .clickable{text-align:left}@media (min-aspect-ratio: 1/1){header{gap:8px;max-width:var(--max-content-width)}#h1-y-h2{flex-direction:row}#h1-y-h2 h1,h2{display:flex;align-items:center;max-width:fit-content}#h1-y-h2 h1{padding:8px 16px;font-size:var(--h1-font-size)}#at-your-service{padding:16px 24px;font-size:var(--h2-font-size)}#at-your-service-break{display:none}#nav{flex-direction:row}}main{width:92%}.section-card{display:flex;flex-direction:column;flex-wrap:wrap;padding:0}.section-card .section-title{font-size:var(--h3-font-size);width:100%;border-bottom:1px solid #AFA;background-color:#0a0a0a80;border-radius:20px 20px 0 0;padding:8px 12px}.section-card .content{padding:16px;display:flex;flex-direction:column;gap:16px}p{font-size:var(--base-font-size)}@media (min-aspect-ratio: 1/1){main{max-width:var(--max-content-width)}.section-card .section-title{padding:8px 16px}.section-card .content{padding:16px;max-width:62%}}#about-section h4{font-size:var(--base-font-size);margin-bottom:4px;text-decoration:underline}#about-section ul{list-style-position:inside;min-width:fit-content}#about-section ul li{font-size:var(--base-font-size);text-wrap:nowrap}.section-card .content .clickable{padding:8px;text-align:center}#skills{display:flex;flex-direction:column;gap:16px}@media (min-aspect-ratio: 1/1){#skills{flex-direction:row}#skills div{width:fit-content;margin-right:40px}#schedule-consultation{max-width:fit-content}}.piece-of-software{margin-bottom:8px;display:flex;flex-direction:column;gap:8px;max-width:60ch}.piece-of-software h4{font-size:var(--base-font-size);margin-bottom:-4px}#software-section .piece-of-software .clickable{text-align:left;max-width:fit-content;padding:8px}@media (min-aspect-ratio: 1/1){#links-section .content .clickable{padding:8px 16px;max-width:fit-content}}#contact-me-form{display:flex;flex-direction:column;gap:8px;padding:0;width:100%}#contact-me-form input,#contact-me-form textarea{all:unset;box-sizing:border-box;background-color:#000000b3;width:100%;padding:12px;text-decoration:none;border-radius:16px;border:1px solid #AFA;font-size:var(--base-font-size);font-family:serif}#contact-me-form input:hover,#contact-me-form textarea:hover{cursor:text}#contact-me-form input:focus,#contact-me-form textarea:focus{background-color:#141414b3;border:1px solid rgb(0,255,0)}#button-submit-contact-form{padding:8px 16px}#button-submit-contact-form:hover{background-color:#141414b3;border:1px solid rgb(0,255,0);cursor:pointer}@media (min-aspect-ratio: 1/1){#contact-me-form{align-items:left}#button-submit-contact-form{max-width:fit-content}}.hidden{display:none}