body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::-webkit-scrollbar{display:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}html{scroll-behavior:smooth;background-image:url(/vilgovskiy/static/media/bg.7b54e238.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.App{text-align:center;height:100px;width:100%;display:block;font-family:"Roboto Slab",serif;color:#f5f5f5}a,h1,h2,span{transition:all .3s ease-in-out}.Save{background-color:#343a40}.TitlePicture{width:100%;height:auto;display:inline-block}.TitlePicture img{border-radius:50%;max-width:50%;max-height:50%}.TitleName{font-size:25px;font-weight:700;color:#343a40;width:100%;height:5vh}.Contacts,.TitleName{font-family:"Roboto Slab",serif;display:block}.Contacts{width:90%;height:20vh;align-items:center;margin-left:5%;font-size:17px}.Contacts tr{box-sizing:border-box;width:100%;padding:0;margin:0;font-size:20px}.Contacts td{padding:3px;min-width:50%}a{text-decoration:none;display:inline;color:inherit;transition:color .3s}a:focus,a:hover{color:#0a66c2;-webkit-text-decoration:solid #fff 2px;text-decoration:solid #fff 2px}@media (max-width:500px){.Contacts{font-size:5vw}}.Navigation{margin-top:1vh;height:30vh}.Navigation a{width:80%;font-size:3vh;margin-left:10%;position:relative;display:block;box-sizing:border-box;padding:1vh;color:rgba(52,58,64,.6431372549019608);font-weight:700;text-shadow:none;transition:color .3s}.Navigation a:active,.Navigation a:focus,.Navigation a:hover{outline:0;color:#343a40}.Navigation a:before{top:0;transform:translateY(-10px)}.Navigation a:after,.Navigation a:before{position:absolute;left:0;width:100%;height:2px;background:#343a40;content:"";opacity:0;transition:opacity .3s,transform .3s;transform:translateY(-10px)}.Navigation a:after{bottom:0;transform:translateY(10px)}.Navigation a:focus:after,.Navigation a:focus:before,.Navigation a:hover:after,.Navigation a:hover:before{opacity:1;transform:translateY(0)}*,.Sidebar,:after,:before{box-sizing:border-box}.Sidebar{width:300px;height:100%;position:fixed;top:0;left:0;padding:20px 10px;background:#f5f5f5;align-content:center;color:#343a40;z-index:7;opacity:.9;transition:opacity .3s;transition:transform .3s ease-out}.Sidebar:hover{opacity:1}@media (max-width:500px){.Sidebar{opacity:1}.Hidden{transform:translateX(-100%)}}.Footer{width:80%;margin-left:10%;margin-top:3vh;bottom:0;font-size:12px;font-weight:400;color:#789}.Toggler{height:20px;width:20px;background-color:#789;color:#343a40;border-radius:50%;transition:transform .3s ease-out;z-index:10;position:fixed;top:10px;left:5px}.Active{transform:translateX(305px)}@media (min-width:500px){.Toggler{visibility:hidden}}.ContentContainer{width:calc(100% - 300px);float:right;box-sizing:border-box}@media (max-width:500px){.Backdrop,.ContentContainer{width:100%}.Backdrop{height:100%;position:fixed;z-index:5;left:0;top:0;background-color:rgba(0,0,0,.5)}}.About{position:relative;display:flexbox}.About div{display:table;width:100%;text-align:left}.About p{width:75%}.About img{margin-left:10px;border-radius:10px;height:50%;width:25%;display:inline;float:right;vertical-align:top}#Socials{line-height:15px}#Socials a{margin-right:30px;display:inline-block;width:36px;text-align:center;border-radius:20%;padding:3px;transition:all .3s ease-out;background:transparent}#VK:hover{color:#4e7db2}#Facebook:hover{color:#4867aa}#Insta:hover{background-image:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);background-clip:border-box;background-clip:initial;color:#fff}.Content section{width:90%;margin-top:30px;margin-left:5%;border-radius:5px;background-color:#f5f5f5;color:#343a40;display:block;padding:30px;box-sizing:border-box}.fade-in{opacity:0;transform:translatey(30px);visibility:hidden;transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,visibility}.fade-in.visible{opacity:1;transform:none;visibility:visible}.Introduction{height:100vh;position:relative;display:flex;justify-content:center;align-items:center}.Introduction h1{display:block;color:#f5f5f5;text-transform:uppercase;font-size:4.8vw;font-weight:700;-webkit-margin-before:.2em;margin-block-start:.2em;-webkit-margin-after:.2em;margin-block-end:.2em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;animation:fadein .8s;-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-ms-animation:fadein 2s;-o-animation:fadein 2s}@keyframes fadein{0%{opacity:0}to{opacity:1}}.Introduction h2{display:block;color:#d3d3d3;letter-spacing:5px;font-size:1.8vw;opacity:0;-webkit-margin-before:.4em;margin-block-start:.4em;-webkit-margin-after:.4em;margin-block-end:.4em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;font-weight:700;animation:slidein 1s forwards;-webkit-animation:slidein 1s forwards;-moz-animation:slidein 1s forwards;-ms-animation:slidein 1s forwards;-o-animation:slidein 1s forwards;animation-delay:1s;-webkit-animation-delay:1s;-moz-animation-delay:1s;-ms-animation-delay:1s;-o-animation-delay:1s}@keyframes slidein{0%{opacity:0;transform:translateY(-250%)}to{opacity:.7;transform:translateY(0)}}.TechStack{text-align:left;font-size:23px}.StackSection p{font-size:20px}.StackSection ul{display:block;border-image:radial-gradient(rgba(0,225,225,.7) 80%,rgba(0,225,225,0)) 1;border-left:5px solid #0ff;padding-left:10px}.StackSection li{list-style:none;display:inline-block;margin-left:10px;margin-bottom:10px;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:20px}.StackSection svg{margin-right:5px}.Timeline{text-align:left}.Timeline p{font-size:23px}.Timeline-container{width:100%}.Timeline-item{padding:1em 1.5em .5em;position:relative;color:rgba(0,0,0,.7);border-left:2px solid rgba(0,225,225,.7)}.Timeline-item p{font-size:1rem}.Timeline-item a{font-size:1.2rem;font-style:italic;padding:2px}.Timeline-item:before{content:attr(date-is);position:absolute;left:2em;top:1em;display:block;font-weight:700;font-size:.785rem}.Timeline-item:after{width:10px;height:10px;display:block;top:1em;position:absolute;left:-6px;border-radius:10px;content:"";border:2px solid rgba(0,225,225,.7);background:#fff}.Timeline-item:last-child{border-image:linear-gradient(180deg,rgba(0,225,225,.7) 60%,rgba(0,225,225,0)) 1 100%}.Projects{text-align:left}.ProjectTitle{font-size:max(2vw,20px)}.ProjectDescription{text-align:left;border-left:2px solid #343a40;padding-left:10px}.ProjectDescription:last-child{border-image:linear-gradient(180deg,rgba(52,58,64,.7) 60%,rgba(52,58,64,0)) 1 100%}.UsedTech>svg{margin-right:10px;transition:color .3s ease-out}.UsedTech>svg:hover{color:#40e0d0}.LinkButton{display:inline-block;padding:.35em 1.2em;border:.1em solid #343a40;margin:0 .3em .3em 0;border-radius:.12em;box-sizing:border-box;text-decoration:none;font-weight:300;color:#343a40;text-align:center;transition:all .2s}.LinkButton:hover{color:#f5f5f5;background-color:#343a40}
/*# sourceMappingURL=main.a64f75b2.chunk.css.map */