body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#d9d9d9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{animation:fadeIn .6s ease forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar-main-container{display:flex;position:relative;white-space:nowrap}.navbar-container{display:flex;justify-content:space-between;margin-top:10px;position:absolute;translate:50%;width:50vw}.acitve-nav-bar-link,.normal-nav-bar-link{color:#000;display:flex;font-family:"Inria Serif",serif;font-size:31px;font-style:italic;overflow:hidden;padding:1px 10px;position:relative;text-decoration:none}.acitve-nav-bar-link:before,.normal-nav-bar-link:before{background-color:#575757;border-radius:100px;content:"";inset:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .4s ease;z-index:0}.acitve-nav-bar-link:before{background-color:#575757;border-radius:100px;transform:scaleX(1);z-index:2}.acitve-nav-bar-link svg,.normal-nav-bar-link svg{margin:auto 5px auto auto}.acitve-nav-bar-link svg{fill:#d9d9d9;z-index:2}.acitve-nav-bar-link div{color:#d9d9d9;z-index:2}.logo-text{font-size:31px;margin:13px 0 0 20px}.logo-text,.logo-text-name{color:#000;display:flex;font-family:"Inria Serif",serif}.logo-text-name{font-size:12px;margin:auto 0 0}.logo-and-name-container{display:flex}@media (max-width:1300px){.logo-and-name-container{display:flex}.navbar-main-container{display:block}.navbar-container{display:inline;position:relative}.navbar-container a{margin:auto;width:92vw}}.projects-main-container{animation:fadeIn .4s ease forwards;background-image:url(/static/media/projects-background.280a9c45cb334dd4db3d.svg);background-position:0;background-repeat:no-repeat;background-size:30vw;min-height:80vh;opacity:0;padding-top:40px}.project-container{display:flex;height:30vh;justify-content:space-between;margin:auto auto 20px;max-height:200px;max-width:1600px;padding:10px 100px}.project-container div img{height:auto;margin:auto;max-height:100%;max-width:100%;resize:both}.project-container div{height:100%}.project-client,.project-description,.project-preview,.project-technologies{display:flex;text-align:center;width:20%}.project-preview{width:30%}.project-client div,.project-description div,.project-technologies div{height:-webkit-max-content;height:max-content;margin:auto}.label-container{height:-webkit-max-content;height:max-content}.label-container div{font-size:24px;margin:auto}.h1-text-projects{padding:0 100px 10px}@media (max-width:768px){.label-container{display:none!important}.project-container{display:inline}.project-client,.project-description,.project-technologies{margin:auto;width:90%}.project-client div,.project-description div,.project-technologies div{font-size:20px;margin-top:10px;width:100%}.project-preview{margin:auto;width:60%}.project-description{border-bottom:1px solid #000;margin-bottom:15px;padding-bottom:15px}.projects-main-container{background-position:0 0;padding-top:0}.h1-text-projects{font-size:21px;margin:0;padding:10px 20px 0}.project-technologies{font-weight:700}}.about-me-main-container{animation:fadeIn .4s ease forwards;background-image:url(/static/media/about-me-background.d13304db695950a784cb.svg);background-position:100%;background-repeat:no-repeat;background-size:30vw;opacity:0}.about-me-photo-and-text-container{margin:70px auto 0;max-width:1024px;min-height:270px;text-indent:2em;vertical-align:middle;width:80vw}.my-photo{float:left;margin:0 30px 10px 10px;width:250px}@media (max-width:768px){.about-me-main-container{background-image:url(/static/media/about-me-background.d13304db695950a784cb.svg);background-position:100% 0;background-repeat:no-repeat;background-size:30vw}.about-me-photo-and-text-container{margin:30px auto 0;max-width:1024px;min-height:270px;text-indent:2em;vertical-align:middle;width:80vw}.my-photo{display:block;float:none;margin:auto}}.contacts-main-container{animation:fadeIn .4s ease forwards;background-image:url(/static/media/contact-background.ee93d737aa045d53e8f2.svg);background-position:100%;background-repeat:no-repeat;background-size:30vw;display:flex;font-family:"Inria Serif",serif;min-height:80vh;opacity:0}a{color:#000;text-decoration:none}.contacts-container-for-photo{min-height:calc(100vh - 4em);position:relative;width:30%}.contacts-container-for-photo img{bottom:40px;display:block;left:50%;max-width:70%;position:absolute;transform:translateX(-50%)}.contacts-data{padding-top:60px;width:60%}.contacts-email,.contacts-github,.contacts-social-media{margin:55px auto auto;padding:50px 20px 0;width:85%}.contacts-email,.contacts-social-media{display:flex}.contacts-email,.contacts-github,.contacts-social-media{border-top:1px solid #000;min-height:20px}.contacts-email-label div,.contacts-sm-label div{border:2px solid #6e6e6e;border-radius:1em;font-size:50px;padding:10px 20px;text-align:center;width:7em}.contacts-email-data div,.contacts-sm-data div{font-size:38px;margin-left:40px}.contacts-sm-data svg{margin:0 0 -3px 5px}.contacts-github-link{border:2px solid #6e6e6e;border-radius:1em;cursor:pointer;font-size:124px;overflow:hidden;padding:10px 20px;position:relative;text-align:center;transition:border .6s ease;width:-webkit-max-content;width:max-content}.contacts-github-link svg{height:100%}.contacts-github-link:before{background-color:#000;border-radius:50%;bottom:-20%;content:"";height:0;left:70%;opacity:1;position:absolute;transform:translateX(-50%);transition:width .9s ease,height .9s ease,opacity .9s ease;width:0;z-index:0}.contacts-github-link:hover{border:2px solid #0000}.contacts-github-link:hover:before{height:300%;opacity:1;width:300%}.contacts-github-link:hover>.contacts-github-link{border:2px solid #000;position:relative;transition:border .9s ease;z-index:1}.inner-contacts-github-link path{stroke:#000;transition:stroke .9s ease}.contacts-github-link:hover>.inner-contacts-github-link path{stroke:#d9d9d9}.contacts-github-link>.contacts-github-link{border:2px solid #6e6e6e;position:relative;transition:border .9s ease;z-index:1}.contacts-github-link:hover>.inner-contacts-github-link a{color:#d9d9d9;position:relative;transition:color .9s ease;z-index:1}.contacts-github-link>.inner-contacts-github-link a{color:#000;position:relative;transition:color .9s ease;z-index:1}.contacts-last-updated{margin:40px 0 0 auto;padding-right:calc(7.5% - 20px);position:relative;text-align:right}.contacts-email-data-desktop{display:flex;margin-left:0!important}.contacts-email-data-mobile{display:none;margin-left:0!important}.contacts-github-desktop{display:block}.contacts-github-mobile{display:none}.inner-contacts-github-link a{display:flex}.contacts-email-data-desktop svg{margin:12px 0 0 6px}@media (max-width:1150px){.contacts-main-container{flex-direction:column}.contacts-container-for-photo{display:none;width:100%}.contacts-data{padding-top:0;width:100%}.contacts-email,.contacts-github,.contacts-social-media{border-top:0;flex-direction:column;margin:0;margin-left:20px;max-width:-webkit-max-content;max-width:max-content;padding:0;padding-top:22px;width:100%}.contacts-github-link{font-size:35px}.contacts-github-link svg{height:.8em;margin:0 0 -2px 1px;padding:0}.contacts-email-data div,.contacts-sm-data div{font-size:24px;margin-left:40px}.contacts-email-label,.contacts-sm-label{margin-bottom:12px}.contacts-email-label div,.contacts-sm-label div{border-radius:1em;font-size:30px;padding:10px 20px;width:7em}.contacts-email-data-desktop{display:none}.contacts-email-data-mobile{display:flex}.contacts-email-data-mobile svg{margin:0 0 -3px 4px}.contacts-github-desktop{display:none}.contacts-github-mobile{display:block}.contacts-last-updated{margin:140px 0 10px auto}}
/*# sourceMappingURL=main.f29fbe22.css.map*/