@import url(https://fonts.googleapis.com/css?family=Righteous);@import url(https://use.typekit.net/skr0ola.css);@import url(https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*,:after,:before{margin:0;padding:0;box-sizing:border-box;position:relative}html,html body{height:100%}@media (max-width:768px){html body{overflow-x:hidden}}@-webkit-keyframes shad-anim{0%{background-position:0 0}0%{background-position:100% -100%}}@keyframes shad-anim{0%{background-position:0 0}0%{background-position:100% -100%}}@-webkit-keyframes openDownRightReturn{0%{transform-origin:bottom right;transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{transform-origin:bottom right;transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes openDownRightReturn{0%{transform-origin:bottom right;transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{transform-origin:bottom right;transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@-webkit-keyframes mailAnimation{0%{transform-origin:50% 50%;transform:rotate(-50deg);opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{transform-origin:50% 50%;transform:rotate(-160deg);opacity:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes mailAnimation{0%{transform-origin:50% 50%;transform:rotate(-50deg);opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{transform-origin:50% 50%;transform:rotate(-160deg);opacity:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}#root,.content{height:100%}.content{display:flex}@media (max-width:768px){.content{flex-direction:column}}.content h1{display:inline-block;color:#4d5eb3;font-family:"Righteous",serif;font-size:12em;text-shadow:.03em .03em 0 #4d5eb3}@media (max-width:1440px){.content h1{font-size:10em}}@media (max-width:576px){.content h1{font-size:7em}}.content h1:after{content:attr(data-shadow);position:absolute;top:.06em;left:.06em;z-index:-1;text-shadow:none;background-image:linear-gradient(45deg,transparent 45%,#4d5eb3 0,#4d5eb3 55%,transparent 0);background-size:.05em .05em;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:shad-anim 15s linear infinite;animation:shad-anim 15s linear infinite}.content h2{font-family:"raleway";font-size:100px}@media (max-width:1440px){.content h2{font-size:90px}}@media (max-width:768px){.content h2{font-size:55px}}.content__left{display:flex;flex-direction:column;justify-content:center;padding-left:10%;width:60vw}@media (max-width:1024px){.content__left{padding-top:10%;padding-left:5%!important;width:60vw;justify-content:end}}@media (max-width:768px){.content__left{width:100%;margin:15% 0;padding-top:0;padding-left:15px;min-height:600px}}@media (max-width:576px){.content__left{padding-left:15px}}@media (max-width:414px){.content__left{margin:5% 0 20%}}.content__right{height:100%;background:#4d5eb3;width:40vw;display:flex;flex-direction:column}@media (max-width:1024px){.content__right{width:40vw}}@media (min-width:577px) and (max-width:768px){.content__right{flex-direction:row;justify-content:center;min-height:500px;width:100%;align-items:center}}@media (max-width:576px){.content__right{width:100%;min-height:800px}}.content__contacts{display:flex;align-items:center;margin-top:10%}.content__contacts a{padding-left:25px;font-family:"Righteous",serif;color:#000;font-size:35px;font-style:normal;text-decoration:none;font-weight:700;position:relative}@media (max-width:768px){.content__contacts a{font-size:18px}}.content__contacts a:hover .mailto{-webkit-animation:openDownRightReturn;animation:openDownRightReturn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.content__contacts .mailto{position:absolute;bottom:105%;left:5%;opacity:0;transform:rotate(-50deg)}.content__contacts .mailto img{max-width:50px}.content__contacts .mailto.hover{-webkit-animation:mailAnimation ease-out infinite alternate;animation:mailAnimation ease-out infinite alternate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:1}.content__right-top{height:50vh;overflow:hidden;padding:30px;position:relative;display:flex;flex-direction:column;justify-content:center}@media (max-width:1440px){.content__right-top{padding-top:0}}@media (min-width:577px) and (max-width:768px){.content__right-top{width:50%;height:100%}}@media (max-width:768px){.content__right-top{padding:80px 15px}}.content__right-top h3{color:#fff;font-family:"raleway",serif;margin-top:30px;margin-bottom:2px;font-size:14px}.content__right-bottom{height:50%;background-image:url(/static/media/imagining_myself.7907c4b7.png);background-repeat:no-repeat;background-size:contain;background-position:50%;min-height:50vh}@media (max-width:768px){.content__right-bottom{min-height:300px}}@media (min-width:577px) and (max-width:768px){.content__right-bottom{width:50%}}.content__bio{width:40%;margin-top:2%;font-family:"raleway",serif;font-size:14px;line-height:20px;position:relative;left:7%;top:1%;box-shadow:0 0 10px -2px;padding:30px}@media (max-width:1440px){.content__bio{width:50%}}@media (max-width:1024px){.content__bio{width:60%}}@media (max-width:768px){.content__bio{width:90%;margin-top:5%;left:0;top:0;font-size:12px}}.content__skills-list{list-style:none}.content__skills-list li{float:left;padding-right:5px;padding-top:5px;color:#fff;font-family:"Righteous",serif;text-transform:uppercase;font-size:15px}.content__skills-list li:after{content:","}.content__skills-list li:last-child:after{display:none}.content__socials{margin-top:3%;display:flex;color:#000;font-size:35px}@media (max-width:768px){.content__socials{margin-top:6%}}.content__social{margin-right:15px}.content__social a{color:#4d5eb3}
/*# sourceMappingURL=main.c5621315.chunk.css.map */