*{box-sizing:inherit}*::after{box-sizing:inherit}*::before{box-sizing:inherit}html{height:100%;scroll-behavior:smooth}body{min-height:100%;margin:0;padding:90px 0 0 0;font-family:var(--font-familie);font-size:1rem;font-weight:400;line-height:1.5;color:var(--text-icons);text-align:left;background-color:var(--bg-color);background:url("./images/bg-full.jpg") no-repeat fixed;background-size:cover;display:flex;flex-direction:column;justify-content:flex-end;box-sizing:border-box;font-weight:100}main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;text-align:center}main a{text-decoration:none;color:inherit;position:relative;transition:color 0.3s ease-in-out;padding-bottom:4px}main a::after,main a::before{position:absolute;bottom:-2px;left:0;content:"";width:100%;border-bottom:1px solid}main a::after{border-bottom:2px solid var(--light-primary-color);transform:scaleX(0)}main a::before{border-color:var(--text-icons);z-index:0}main a::after{transform:scaleX(0);z-index:3;transition:transform 0.3s ease-in-out}main a:hover,main a:active{color:var(--light-primary-color)}main a:hover::after,main a:active::after{transform:scaleX(1);transition:transform 0.3s ease-in-out}p{font-size:1.2rem;margin:0 0 1rem}p:last-child{margin:0}header{background-color:var(--primary-color);box-shadow:0 0 0.5rem #000;position:fixed;z-index:9999;top:0;left:0;width:100%;padding:1rem;height:90px;display:flex;justify-content:center;align-items:center}header [role="navigation"] ul{margin:0;padding:0;list-style:none}header [role="navigation"] li{display:inline-block;margin:0 1rem 0 0}header [role="navigation"] a{text-decoration:none;color:var(--text-icons);position:relative;transition:color 0.3s ease-in-out;font-size:1.2rem}header [role="navigation"] a:hover,header [role="navigation"] a:active{color:var(--light-primary-color)}header [role="navigation"] a:hover:before,header [role="navigation"] a:active:before{transform:scaleX(1);transition:transform 0.3s ease-in-out}header [role="navigation"] a::before{position:absolute;bottom:-3px;left:0;content:"";width:100%;border-bottom:2px solid var(--light-primary-color);z-index:3;transform:scaleX(0);transition:transform 0.3s ease-in-out}.intro{min-height:calc(100vh - 90px - 2rem);display:flex;flex-direction:column;justify-content:center;align-items:center}.intro h1{font-size:4rem;font-weight:100;margin:auto 0 1rem;text-shadow:0 0 15px #212529}@media screen and (min-width: 940px){.intro h1{font-size:8vw}}.intro h2{font-size:2rem;font-weight:100;margin:0 0 1rem;text-shadow:0 0 15px #212529}@media screen and (min-width: 940px){.intro h2{font-size:4vw}}.intro .sroll-to-btn{margin:auto 0 1rem;background:var(--accent-color);width:60px;height:60px;border-radius:50%;line-height:1;text-align:center}.intro .sroll-to-btn::after,.intro .sroll-to-btn::before{display:none}.intro .sroll-to-btn svg{position:relative;top:8px}.intro .sroll-to-btn svg path{fill:#ffffff}.skills{padding-top:calc(90px + 2rem);min-height:calc(100vh - 90px - 2rem)}.skills .post{background-color:var(--primary-color);min-height:400px}.skill-points{margin:0;padding:0;list-style:none;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.skill-points li{display:inline-block;margin:0 0 1rem 0;padding:0.25rem 0.5rem;border:1px solid;font-size:1.5rem}@media screen and (min-width: 940px){.intro h1{font-size:8vw}.intro h2{font-size:4vw}}:root{--font-familie: "Roboto", sans-serif;--dark-primary-color: #455a64;--light-primary-color: #cfd8dc;--primary-color: #607d8b;--text-icons: #ffffff;--accent-color: #009688;--primary-text: #212121;--secondary-text: #757575;--divider-color: #bdbdbd}.post{background:rgba(0,0,0,0.15);padding:2rem;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px #000}.grid{display:grid;grid-gap:2rem;width:100%;grid-template-columns:repeat(auto-fit, minmax(min(400px, 100%), 1fr));grid-auto-rows:max-content}