@font-face{font-family:Overpass;src:url(/assets/fonts/overpass/overpass.ttf) format("truetype")}@font-face{font-family:Syne;src:url(/assets/fonts/syne/syne.ttf) format("truetype")}:root{--font-22: 22px;--font-section-headline: 78px;--vh: 100vh;--menu-about-me-button-add: 0px;--app-my-skills-top: 0px}.font-section-headline{font-weight:800;font-family:Syne,sans-serif}@media (max-width: 1368px){:root{--font-section-headline: 60px}}@media (max-width: 610px){:root{--font-22: 20px;--font-section-headline: 46px}}@media (max-width: 540px){:root{--font-section-headline: 36px}}@media (max-width: 440px){:root{--font-22: 19px}}@media (max-width: 430px){:root{--font-section-headline: 32px}}@media (max-width: 350px){:root{--font-section-headline: 28px}}html{width:100%;height:var(--vh)}body{width:100%;height:100%;margin:0;background-color:#fffcf3;position:relative;min-height:600px;font-family:Overpass,sans-serif;color:#000;-webkit-tap-highlight-color:transparent}app-root{display:block;width:100%;height:100%}.center{display:flex;align-items:center;justify-content:center}.lets-talk-button{width:213px;height:68px;border:4px solid #000;font-size:23px;margin-top:48px;margin-left:50%;transform:translate(-50%);transition:transform 125ms ease-in-out,background-color 70ms ease-in-out;cursor:pointer;transform-origin:left}.lets-talk-button:hover{transform:scaleX(1.25) translate(-50%)}.lets-talk-button:hover span{transform:scaleX(.8);font-weight:700;animation:bounce .15s ease-in-out}.lets-talk-button span{text-align:center;transition:transform 125ms ease-in-out,font-weight 125ms ease-in-out}@keyframes bounce{0%,to{transform:scaleX(.8) translateY(0)}33%{transform:scaleX(.8) translateY(-50%)}66%{transform:scaleX(.8) translateY(50%)}}@media (max-width: 350px){.lets-talk-button-350{width:200px}}.btn-send-message-hover{transform:scaleX(1.25) translate(-50%)}.btn-send-message-hover span{transform:scaleX(.8);font-weight:700;animation:bounce .15s ease-in-out}.button-clicked-black{background-color:#000;color:#fffcf3}.button-clicked-beige{background-color:#fffcf3!important;color:#000!important}.mobile-header-animation{animation:mobileHeader 3s ease-in-out infinite}@keyframes mobileHeader{0%{color:#00bc8f}50%{color:#00bc8f}66%{color:#fffcf3}90%{color:#fffcf3}94%,to{color:#00bc8f}}.mobile-header-animation-bl{animation:mobileHeaderBlack 3s ease-in-out infinite}@keyframes mobileHeaderBlack{0%{color:#00bc8f}50%{color:#00bc8f}66%{color:#000}90%{color:#000}94%,to{color:#00bc8f}}