.locale{-webkit-justify-content:center;justify-content:center;-webkit-align-content:center;align-content:center;top:60px;right:10px;width:50px;border:3px solid #1e90ff;border-radius:5px;background-color:#fff;font-size:24px;cursor:pointer}.locale,.navbar{position:fixed;z-index:2;display:grid;height:50px}.navbar{grid-template-columns:1fr 1fr 1fr;grid-auto-rows:minmax(50px,50px);justify-items:center;-webkit-align-items:center;align-items:center;top:0;left:0;width:100%;background-color:#1e90ff}.navbar a{color:#fff;vertical-align:sub}.navbar .item{display:grid;-webkit-align-content:center;align-content:center;-webkit-justify-content:center;justify-content:center;height:96%;height:-webkit-fill-available;font-family:"B612",sans-serif;font-size:30px;transition:all .2s;width:inherit}.navbar .item:hover{background-color:#4da6ff;transition:all .2s}@media only screen and (max-width:760px){.navbar .item{font-size:20px}}.navbar .selected{border-bottom:3px solid #483d8b;transition:all .5s}.home{margin:90px 0}.home,.home div{display:block}.home .photo{text-align:center;min-height:305px;min-width:300px}.home .desc{margin:100px 500px 0;text-align:left;font-size:20px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}@media only screen and (max-width:760px){.home .desc{margin:0 20px}}.home .button{text-align:center;margin-top:50px}.home .button button{width:300px;height:60px;background-color:#1e90ff;outline:none;border:0;border-radius:5px;font-size:20px;color:#fff;cursor:pointer;transition:all .2s}.home .button button:hover{background-color:#4da6ff;transition:all .2s}.home a{color:#1e90ff}.project{display:grid;height:100vh;margin-top:20px;grid-template-columns:1fr 1fr}@media only screen and (max-width:760px){.project{grid-template-columns:1fr;height:100%}}.project .photo{justify-self:center;-webkit-align-self:center;align-self:center;padding:0 10px}@media only screen and (max-width:760px){.project .photo{display:none}}.project .about{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:90vh;-webkit-justify-content:space-between;justify-content:space-between;grid-row:1/3;grid-column:2/3;padding:0 10px;line-height:1.2em}@media only screen and (max-width:760px){.project .about{grid-row:unset;grid-column:unset;border-bottom:2px solid #483d8b;padding-bottom:20px}}@media only screen and (min-width:1500px){.project .about{padding:0 20px}}.project .about .name{margin-top:60px}@media only screen and (max-width:760px){.project .about .name{margin-top:30px}}.project .about .name h2{font-size:28px;text-align:center}.project .about .stack{font-size:18px;text-align:center}.project .about .period{margin-top:20px;text-align:center;font-size:14px;color:rgba(81,81,81,.5098039215686274)}.project .about .desc{margin-top:20px;font-size:14px;text-align:start}.project .about .github{margin-top:20px}.project .about .github a{color:#1e90ff}.project .about .check-it-out{margin-top:30px;text-align:center}.project .about .check-it-out:hover{text-decoration:underline!important}.project .about .check-it-out a{color:#1e90ff}.project .about .button{margin-top:30px;text-align:center}@media only screen and (max-width:760px){.project .about .button{display:none}}.project .about .button .btn{width:300px;height:60px;color:#fff;background-color:#1e90ff;border:0;border-radius:10px;font-size:18px;font-weight:400;outline:none;cursor:pointer;transition:all .2s}.project .about .button .btn:hover{background-color:#4da6ff;transition:all .2s}.project .about .to-top{text-align:center;margin-top:30px;margin-bottom:30px}.project .about .to-top a{color:rgba(82,82,82,.51);color:rgba(81,81,81,.5098039215686274)}.projects{margin-top:50px}@media only screen and (max-width:760px){.projects{margin-top:30px}}.contacts,.projects a{color:#1e90ff}.contacts{display:grid;grid-template-columns:50px 1fr;grid-row-gap:50px;width:30%;margin:50px 0 50px 41%;padding-top:200px;justify-items:start;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:34px}@media only screen and (max-width:760px){.contacts{font-size:26px;width:unset;margin-left:7%;padding-top:100px}}.contacts .icon{display:-webkit-flex;display:flex;-webkit-align-self:center;align-self:center}.contacts a{color:#1e90ff}.container{display:grid;position:relative;height:100%}.fade-enter{position:absolute;left:500px;opacity:.01}@media only screen and (max-width:760px){.fade-enter{left:0}}.fade-enter.fade-enter-active{transition:all .3s ease-in}.fade-enter.fade-enter-active,.fade-exit{position:absolute;opacity:1;left:0}.fade-exit.fade-exit-active{position:absolute;left:-500px;opacity:.01;transition:all .3s ease-in}@media only screen and (max-width:760px){.fade-exit.fade-exit-active{left:0}}div.transition-group{position:relative}section.route-section{position:absolute;width:100%}.App{height:100%;font-family:"B612",sans-serif}.App a{text-decoration:none}html{overflow-x:hidden;overflow-y:scroll}body,html{margin:0;height:100%;width:100%}
/*# sourceMappingURL=main.860ccf2e.chunk.css.map */