@import"https://fonts.googleapis.com/css2?family=Volkhov&display=swap";:root{--bg: #123c69;--card:#123c69;--text:#123c69;--muted:#537AA5;--panel: #edc7b7}a{color:inherit;text-decoration:none}.btn{background:var(--accent);color:#fff;font-weight:700;padding:.55rem .9rem;border-radius:12px}.site-header{position:sticky;top:0;z-index:50;color:var(--text);font-size:4vh;align-items:end}.site-header .nav-container{display:flex;justify-content:end;max-width:100%;margin:0 auto;padding:2rem 7rem}.site-header .mobile-container{display:flex;justify-content:end;max-width:100%;padding:4rem 3rem 0 0;background-position:100}.site-header a{padding-left:4rem}.nav-desktop{display:none;gap:1rem;align-items:end}.nav-desktop a{color:var(--text)}.nav-desktop a:hover{color:var(--muted)}.hamburger{position:relative;z-index:2001;width:6em;height:6em;border-radius:12px;background:#123c69;border:1px solid var(--border);display:grid;place-items:center;cursor:pointer}.hamburger span{display:block;width:22px;height:2px;background:#fff;transition:transform .2s ease,opacity .2s ease}.hamburger span+span{margin-top:5px}.hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0;width:0}.hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-panel{position:fixed;inset:0;z-index:2000;background:var(--panel);display:grid;place-items:center;opacity:0;pointer-events:none;transform:translateY(-8px);transition:transform .2s ease,opacity .2s ease}.mobile-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-mobile{display:grid;gap:1rem;text-align:center;font-size:x-large;color:#123c69;transition:"opacity 0.3s ease"}.nav-mobile a{padding:.9rem 1rem;border-radius:10px;color:#123c69}@media (max-width: 1024px){.nav-container{display:none!important}}@media (min-width: 1025px){.nav-desktop{display:flex}.hamburger,.mobile-panel{display:none}}*::-webkit-scrollbar{display:none}*{line-height:1.1}body{margin:0;font-family:Volkhov,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#edc8b5;-ms-overflow-style:none;scrollbar-width:none}li{list-style:none}code{font-family:Volkhov,serif}h2{margin:0;padding:0}a.homepage{color:#123c69;outline:none;-webkit-tap-highlight-color:transparent;transition:transform .25s}a.homepage:hover{transform:translateY(-2px)}.playlist{background:#edc7b7;min-height:100vh;justify-content:center;color:#123c69;text-align:center}.contacts_playlist_container{margin-top:50px;min-height:100px;position:absolute;bottom:0;min-width:100%;background:#ac3b61;display:flex;align-items:center;justify-content:center}.playlist-greeting_container{padding:30px}.playlist-hint{padding-bottom:20px}.spotify_container{display:flex;width:75%;height:50%;background:#f6e3db;inset:0;justify-content:center;margin:auto;align-items:center;box-shadow:1px 1px 2px #333;border-radius:12px}.spotify_column{flex:1;margin:10px}.spotify_iframe{font-family:spotify-circular,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:2rem;-webkit-font-smoothing:antialiased;color:#c3c2c0;border-radius:12px;transition:transform .4s}#gr_updates_widget{font-family:spotify-circular,Helvetica Neue,Helvetica,Arial,sans-serif;border-radius:5px;background-color:#fff;-webkit-box-shadow:0px 0px 4px 1px #595959,inset 0px 0px 0px 1px #7d730b;-moz-box-shadow:0px 0px 4px 1px #595959,inset 0px 0px 0px 1px #7d730b;box-shadow:0 0 4px 1px #595959,inset 0 0 0 1px #7d730b;padding:20px 10px 35px 15px;width:250px;height:330px}#gr_footer{margin-bottom:10px}#gr_updates_widget p{padding:0;margin:0;font-size:14px}#gr_footer img{margin-top:1 0px;width:100px;float:left}#gr_updates_widget img{border-style:none}@media only screen and (max-width: 1024px){.landing{background:#edc7b7;min-height:100vh;justify-content:center}.header_btns{position:relative;width:auto;right:22px;margin:0;padding:0}.landing_wave{max-width:60vh;position:absolute;bottom:0;right:0;pointer-events:none}.type-container{color:#123c69;position:absolute;left:-10%;padding-top:50px;word-wrap:break-word;overflow:hidden}.about_me_paragraph{left:0;padding:15px;text-align:center}.static_about_me_paragraph{margin:25px}.about_me_paragraph_container{text-align:center;font-size:20px;word-wrap:break-word;margin:15px}.heading_container{min-height:700px;position:relative;overflow:hidden}.about_1,.about_2,.about_3,.about_4,.about_5,.about_6{padding-left:0}.contacts_playlist_container{margin-top:50px;min-height:100px;position:relative;bottom:0;min-width:100%;background:#ac3b61;display:flex;align-items:center;justify-content:center}.spotify_container{flex-direction:column;text-align:center;min-height:60vh;padding:0;position:relative}.project_container{justify-content:center;position:relative;background:#123c69;color:#494143;align-items:center;padding-bottom:100px}.card_container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:60vh;padding:0;margin:0}.contacts_container{flex-shrink:0;background:#ac3b61;min-height:100px;display:flex;align-items:center;justify-content:center}.project_container{justify-content:center;position:relative;background:#123c69;color:#ac3b61;min-height:1700px;align-items:center;width:100%}.card_container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.project-greetings{font-size:50px;padding-top:40px;text-align:center}.project-hint{padding-top:30px;text-align:center}}.landing{background:#edc7b7;min-height:100vh;height:auto;justify-content:center}.landing_branch{position:absolute;top:-40px;left:-60px;width:280px;height:auto;opacity:.85}.landing_wave{width:90vh;position:absolute;bottom:0;right:0}.navigation{float:right}.nav{height:100px;width:auto;display:flex;justify-content:space-around;text-align:center;margin:20px auto;float:right}.buttonCode{color:#123c69;text-decoration:none;background:inherit;padding:15px;margin:15px;border-radius:20px;display:inline-block;transition:all .4s ease 0s}.navLinks{cursor:pointer}.buttonCode:hover{color:#edc7b7;background:#123c69;border-color:#123c69;transition:all .4s ease 0s}.front_image{position:absolute;left:50%;margin:auto;max-width:400px;max-height:300px}.type-container{color:#123c69;position:absolute;pointer-events:none;left:7%;overflow:hidden}.typewriter_name,.typewriter_role,.typewriter_welcome{padding:40px}.welcome{background:#bab2b5;color:#123c69;display:flex;justify-content:center;min-height:1000px;width:100%}.element_welcome_container{width:100%;justify-content:center;position:relative}.greeting{margin:0;text-align:center}.about_me_paragraph{justify-content:center;word-wrap:break-word;font-size:28px;width:auto;overflow:hidden;position:relative}.about_me_paragraph_container{text-align:center;font-size:30px;margin:15px}.heading_container{min-height:700px;position:relative;overflow:hidden}.about_1{padding-left:20px}.about_2{padding-left:150px}.about_3{padding-left:220px}.about_4{padding-left:330px}.about_5{padding-left:430px}.about_6{padding-left:510px}.qualifications{background:#bab2b5;color:#123c69;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;min-height:900px}.skill_container{padding:50px;background-color:#eee2dc;border-radius:10px;box-shadow:1px 1px 2px #333;width:50vw;color:#123c69;height:510px;text-align:center;align-items:center}.project_container{justify-content:center;position:relative;background:#123c69;color:#ac3b61;min-height:1200px;align-items:center;width:100%}.card_container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.project-greetings{font-size:50px;padding-top:40px;text-align:center}.project-hint{padding-top:30px;text-align:center}.contact{background:#a5a0a4}.element-container{position:relative}.contacts_container{background:#ac3b61;min-height:100px;display:flex;align-items:center;justify-content:center}a.social{color:#eee2dc;margin:0 1rem;transition:transform .25s;display:inline-block}a.social:hover{transform:translateY(-2px)}a.scroll{color:#f06a6c;position:sticky;left:49%;bottom:30%;transform:translatey(0);overflow-block:hidden}.floating{animation-name:floating;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;margin-left:30px;margin-top:3px}@keyframes floating{0%{transform:translate(0)}65%{transform:translateY(12px)}to{transform:translateY(-0px)}}