body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}*{margin:0}a{color:inherit;text-decoration:none}body{background-color:#eee;color:#222}.App{align-items:center;display:flex;flex-direction:column}.App .header{color:#000;margin-bottom:20px;margin-top:40px}.App .header hr{margin:40px 0}.App .header h1{text-align:center}.App main{align-items:center;display:flex;flex-direction:column}.App main hr{margin:50px 0;width:70%}.App footer{height:200px}@media screen and (min-width:800px){.project{grid-column-gap:40px;-webkit-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:35% 1fr}.illustration{grid-row:1/span 10;margin:0!important}.illustration .fullVideo{aspect-ratio:16/9;left:50%;position:fixed!important;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%!important;z-index:10}.clickDetection{cursor:pointer;height:100%;position:absolute;width:100%}}@media(min-width:480px)and (max-width:800px){.videoDemonstration{width:80%!important}.imageContainer{width:60%!important}}@-webkit-keyframes slideAndAppearFromLeft{0%{opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}50%{opacity:40%}to{opacity:100%;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideAndAppearFromLeft{0%{opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}50%{opacity:40%}to{opacity:100%;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideAndDisappearToRight{0%{opacity:100%;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:60%}to{opacity:0;-webkit-transform:translateX(50%);transform:translateX(50%)}}@keyframes slideAndDisappearToRight{0%{opacity:100%;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:60%}to{opacity:0;-webkit-transform:translateX(50%);transform:translateX(50%)}}.deactivated{-webkit-animation:slideAndDisappearToRight .5s;animation:slideAndDisappearToRight .5s;opacity:0}.activated{-webkit-animation:slideAndAppearFromLeft .5s;animation:slideAndAppearFromLeft .5s;opacity:100%}.project{border-radius:10px;width:80%}.project h2,.project h3{grid-column:2}.project h3{margin-top:10px}.project .illustration{align-items:center;display:flex;grid-column:1;justify-content:center;margin-bottom:20px;margin-top:20px;width:100%}.project .illustration .videoDemonstrationBox{position:relative;text-align:center;width:100%}.project .illustration .videoDemonstrationBox .videoDemonstration{align-self:center;aspect-ratio:16/9;border-radius:10px;width:100%;z-index:1}.project .illustration .videoDemonstrationBox .videoDemonstration #illustrationVideo{width:100%}.project .illustration .imageContainer{background-repeat:no-repeat;background-size:100%;border-radius:10px;height:100%;min-height:300px;overflow:clip;width:100%}.project .illustration .croppedImage{cursor:pointer;-webkit-mask-image:linear-gradient(#000 85%,transparent);mask-image:linear-gradient(#000 85%,transparent)}.project .illustration .fullImage{aspect-ratio:auto;cursor:pointer}.project .repositoriesBox{grid-column:2;margin-top:20px}.project .repositoriesBox .repoTitle{font-weight:700}.project .repositoriesBox .repositoriesDisplay{display:flex;justify-content:space-around;margin-top:5px}.project .repositoriesBox .repositoriesDisplay .oneRepositoryBox a{align-items:center;border:solid #eee;border-radius:5px;display:flex;flex-direction:column;padding:5px}.project .repositoriesBox .repositoriesDisplay .oneRepositoryBox a:hover{background-color:#fff;border:solid #666}.project .repositoriesBox .repositoriesDisplay .oneRepositoryBox a img{height:3em}.project .repositoriesBox .repositoriesDisplay .oneRepositoryBox a p{font-weight:700}.project .technologiesBox{background-color:#ddd;border:solid #555;border-radius:10px;grid-column:2;margin-top:20px;padding:5px 10px}.project .technologiesBox .technologieDisplay{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:5px}.project .technologiesBox .technologieDisplay .oneTechBox .techType{font-weight:700;text-align:center}.project .technologiesBox .technologieDisplay .oneTechBox .techName{align-items:center;background-color:#f5f5f5;border:solid #666;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:10px}.project .technologiesBox .technologieDisplay .oneTechBox .techName:hover{background-color:#fff}.project .technologiesBox .technologieDisplay .oneTechBox .techName .technoIcon{height:2em;margin-bottom:2px}.project .accessWebsite{grid-column:2;margin:35px 0 0;text-align:center}.prettyButton{border:solid #000;border-radius:10rem;color:#000;display:inline-block;font-size:18px;font-weight:700;overflow:hidden;padding:.75rem 1.25rem;position:relative;transition:all .3s;z-index:1}.prettyButton:after{background-color:#fff;width:100%;z-index:-2}.prettyButton:after,.prettyButton:before{border-radius:10rem;bottom:0;content:"";height:100%;left:0;position:absolute}.prettyButton:before{background-color:#494949;transition:all .3s;width:0;z-index:-1}.prettyButton:hover{color:#fff}.prettyButton:hover:before{width:100%}.other_projects{margin-top:40px;width:80%}.other_projects ul{margin-top:20px}.other_projects ul li{margin-bottom:10px}
/*# sourceMappingURL=main.079b6245.css.map*/