@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700&display=swap);.drop-in{-webkit-animation:drop-in 1s ease .2s backwards;animation:drop-in 1s ease .2s backwards}.drop-in-2{-webkit-animation:drop-in 1.2s ease .5s backwards;animation:drop-in 1.2s ease .5s backwards}.drop-in-3{-webkit-animation:drop-in 1.4s ease .8s backwards;animation:drop-in 1.4s ease .8s backwards}@-webkit-keyframes drop-in{0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes drop-in{0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.exists-in{-webkit-animation:exists 1.4s ease .8s backwards;animation:exists 1.4s ease .8s backwards}@-webkit-keyframes exists{0%{opacity:0}to{opacity:1}}@keyframes exists{0%{opacity:0}to{opacity:1}}body,html{min-height:100vh;overflow:hidden}body{background:#536976;background:linear-gradient(152deg,#536976,#292e49 40%,#101949 91%);background-color:#4e6270;font-family:Raleway,sans-serif!important;font-size:1.3rem;font-weight:300;position:relative}.app,footer{color:hsla(0,0%,94%,.768)}.landing{display:flex;justify-content:center;margin:25vh auto 80px;max-width:1800px}.canvas-container,.my-info{max-width:40%;width:40%}.my-info{margin:auto 0}canvas{height:400px}.social-links svg{color:#d6d6d6;font-size:30px;padding-right:20px}.social-links svg:hover{color:#688616}.footer{bottom:0;text-align:center}span{color:#688616}#my-name{font-size:5rem;font-weight:700;margin:0}#about-text{font-size:1.3rem;max-width:400px}::selection{background:#2f3c48;color:#688616}#vk-icon{width:32px}.social-links #vk-icon:hover{-webkit-filter:invert(43%) sepia(36%) saturate(3915%) hue-rotate(51deg) brightness(91%) contrast(83%);filter:invert(43%) sepia(36%) saturate(3915%) hue-rotate(51deg) brightness(91%) contrast(83%)}*{cursor:none}.cursor-dot,.cursor-dot-outline{border-radius:50%;left:50%;opacity:1;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.cursor-dot{background-color:#688616;height:8px;width:8px}.cursor-dot-outline{background-color:hsla(0,0%,79%,.15);height:40px;width:40px}.links-container{grid-row-gap:40px;display:grid;grid-template-columns:repeat(2,1fr);place-items:center;row-gap:40px}@media only screen and (max-height:870px){.landing{margin:10vh 0}}@media only screen and (max-width:970px){body,html{min-height:100%;overflow:hidden}.app{margin:auto 0}.social-links{display:none}.landing{flex-direction:column;margin:4vh 0 3vh;padding:0 16px}.my-info{max-width:100%;width:100%}.cursor-dot,.cursor-dot-outline{display:none}.canvas-container{max-width:100%;width:100%}canvas{height:200px;right:50px}}.hamburger-menu{background-color:hsla(0,0%,94%,.17);border-radius:90px;bottom:10px;cursor:pointer;display:flex;flex-flow:column wrap;justify-content:space-between;padding:14px;position:absolute;right:10px}.hamburger-menu.active .bar-top{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger-menu.active .bar-middle{opacity:0;-webkit-transform:translateX(1rem);transform:translateX(1rem)}.hamburger-menu.active .bar-bottom{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.menu-button{display:grid;height:2.1rem;transition:margin-left .5s ease;width:2rem;z-index:100}.menu-button.active{margin-left:10px}.bar-bottom,.bar-middle,.bar-top{background:hsla(0,0%,94%,.768);border-radius:5px;height:5px;margin:3px 0;-webkit-transform-origin:left;transform-origin:left;transition:all .5s}.menu-content{background-color:hsla(0,0%,94%,.17);border-radius:26px;box-shadow:0 0 10px rgba(0,0,0,.1);left:50%;opacity:0;padding:0 20px;pointer-events:none;position:absolute;top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:top .5s ease,opacity .5s ease;z-index:99}.menu-content.active{opacity:1;pointer-events:all;top:-118px}.menu-content svg{color:#d6d6d6;font-size:30px;padding:12px 0}.menu-content img{padding:12px 0}