body>header{display:flex;position:fixed;background-color:var(--paper-color);opacity:.95;padding:.5rem 1rem;min-height:4rem;align-items:center;z-index:100; *{ opacity: 1; flex: 1; } h1,h2,h3,h4,h5 { margin: 0; @media(min-width:800px) { text-align: center; } } border: 1px solid var(--border-color);top:2vw;width:96vw;left:2vw;overflow:hidden;.linkbox { position: absolute; right: 1rem; img { border-radius: 100%; } }}body>footer{background-color:var(--paper-color);width:100%;padding:2rem}main>section{padding:min(4rem,4vw);padding-bottom:min(8rem,8vw)}img{object-fit:cover}article{background-color:var(--paper-color);border-radius:var(--border-radius);margin:.5rem 0 1rem}.introduction{position:relative;display:flex;flex-wrap:nowrap;gap:2rem;justify-content:center;flex-direction:row-reverse;img { height: 100vh; max-width: 100%; } section { display: flex; flex-direction: column; justify-content: center; font-size: min(8vw, 200%); padding: 2rem; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; h6 { margin: 0; color: var(--primary-color); } p { margin: 0; } } @media(max-width:900px) { section { text-align: center; position: absolute; top: 0; height: 100vh; justify-content: end; } } @media(min-width:900px) { section { min-width: 300px; max-width: 50vw; } img { max-width: 50vw; } }}section-header{font-size:clamp(1rem,3vw,1.5rem);font-weight:700;display:block}section-text{font-size:clamp(.8rem,2.5vw,1.2rem);display:block;padding-bottom:2rem}.dot{color:var(--primary-color)}.about-me{background-color:var(--background-color-light);color:var(--color-light)}.project{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;overflow:clip;padding:1rem 1rem 2rem;margin-bottom:2rem; *{ flex: 1; } h3 { border-bottom: 1px solid var(--primary-color); padding: 0.5rem; } section { min-width: 300px; } & > img { flex: 0; max-width: 300px; }}.contact-me{background-color:var(--paper-color)}.project:nth-child(even){flex-direction:row-reverse}.linkbox{display:flex;gap:.5rem;align-items:center;a { text-align: center; flex: 0; }}.avatarlink{font-weight:700;border:1px solid var(--border-color);border-radius:100%;padding:8px}