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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#header{display:-moz-flex;display:-ms-flex;display:flex;background-color:#5e42a6;cursor:default;padding:1.75em 2em}#header>.title{border:0;color:#fff;display:block;font-size:1.25em;font-weight:700}#header>nav{-moz-flex:1;flex:1 1;text-align:right}#header>nav>ul{margin:0;padding:0}#header>nav>ul>li{display:inline-block;margin-left:1.75em;padding:0;vertical-align:middle}#header>nav>ul>li:first-child{margin-left:0}#header>nav>ul>li a{border:0;color:hsla(0,0%,100%,.35);display:inline-block;font-size:.6em;font-weight:700;letter-spacing:.25em;text-transform:uppercase}#header>nav>ul>li a:hover{color:hsla(0,0%,100%,.55)}#header>nav>ul>li a.active{color:#fff}@media screen and (max-width:736px){#header{padding:1em 2em}}@media screen and (max-width:480px){#header{display:block;padding:0 2em;text-align:left}#header .title{font-size:1.25em;padding:1em 0}#header>nav{border-top:1px solid hsla(0,0%,100%,.15);text-align:inherit}#header>nav>ul>li{margin-left:1.5em}#header>nav>ul>li a{height:6em;line-height:6em}}.main_container{margin:auto}.main_container .technologies{padding:3em 0}.main_container .projects{width:80%;display:grid;grid-template-columns:repeat(auto-fit,300px);justify-content:center;grid-gap:1.7em;margin:auto auto 5em}.project_container{padding:.01em 1.5em .9em;text-align:left;position:relative;display:flex;flex-direction:column;align-items:center;box-shadow:0 5px 5px #beb7b7}.project_container h2{height:65px;display:flex;align-items:center}.project_container .img_container{height:111px;overflow:hidden;width:100%;margin:0 auto}.project_container .img_container img{width:100%;margin-left:auto;margin-right:auto;transition:width .5s}.project_container .img_container img:hover{width:111%}.project_container p{height:120px;color:#383737;font-style:italic}.project_container .bottom_container{display:grid;grid-template-columns:repeat(2,1fr);position:relative;bottom:10px;align-items:center}.project_container .bottom_container .buttons_container{display:flex;flex-direction:column;justify-content:flex-end;width:95%}.project_container .bottom_container .buttons_container a{text-decoration:none;font-weight:500;padding:.5em}.project_container .bottom_container .buttons_container .source_code{margin-bottom:.5em;color:#5e42a6}.project_container .bottom_container .buttons_container .source_code:hover{text-decoration:underline}.project_container .bottom_container .buttons_container .project_live{transition:color .5s,background-color .1s;background-color:#f4f0fc;border:1px solid #5e42a6;color:#5e42a6;border-radius:.3em}.project_container .bottom_container .buttons_container .project_live:hover{background-color:#5e42a6;border:1px solid #5e42a6;color:#fff;border-radius:.3em}.project_container .bottom_container .icons{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;width:100%;justify-content:flex-start;height:70%;right:27px}.project_container .bottom_container .icons .iconify{margin-right:.2em;font-size:1.7em}.technologies_buttons{width:50%;margin:auto}@media(max-width:400px){.technologies_buttons{width:95%!important}}.technologies_buttons h2,.technologies_buttons p{font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}.technologies_buttons button{background-color:transparent;border:none;border-radius:.5em;padding:.7em;margin:.5em;cursor:pointer;box-shadow:0 3px 7px grey}.technologies_buttons button span{font-size:2em!important;border:solid}
/*# sourceMappingURL=main.79a56ba2.chunk.css.map */