@import url(https://fonts.googleapis.com/css2?family=DotGothic16&display=swap);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;font-family:"DotGothic16",sans-serif;height:100vh;transition:ease-in-out}.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:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}button{font-family:"DotGothic16",sans-serif;font-weight:700;background-color:#fff;font-size:20px;border:none;margin:5px}button:hover{border-bottom:1px solid #000}.Header{height:21px;margin-bottom:20px}button:focus{outline:none}@media only screen and (max-width:500px){button{font-family:"DotGothic16",sans-serif;font-weight:700;background-color:#fff;font-size:15px;border:none;margin:5px}}.Popup{color:#fff;position:fixed;background-color:#21211f;width:90vw;height:90vh;top:10vh;left:5vw;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;border-radius:5px}.Popup>h2{justify-self:flex-start;margin-top:0}.video-container>video:focus{outline:none}.video-container{height:58vh;width:60vw;object-fit:contain}.popupinfo>a,.popupinfo>a:visited{color:#fff}.popupinfo>p{width:60vw}.closeicon{-webkit-align-self:flex-end;align-self:flex-end;background-color:#21211f;width:20px;margin-right:15px;margin-top:15px;color:#fff}@media only screen and (max-width:500px){.popupinfo>p{font-size:0}}.Project_img{height:180px;width:240px}.Project{height:220px;width:260px;margin:20px}.Project_name{height:220px;width:260px;-webkit-align-items:center;align-items:center;font-size:1.5rem;font-weight:700}.Project_name,.Projects{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.Projects{-webkit-flex-wrap:wrap;flex-wrap:wrap}.loading-page{position:absolute;text-align:center;background-color:#fff;top:0;width:100vw;height:100%}.Publication{border-bottom:1px solid #d3d3d3;text-align:left;width:45vw;margin:30px auto;min-width:370px;padding:0 10px}.Publication-cont{display:-webkit-flex;display:flex}img{width:20vw;object-fit:contain;margin-right:30px}.Publication>a,.Publication>a:visited{color:#000;text-decoration:none}.Publication>a:hover{color:grey}@media only screen and (max-width:480px){.Publication-cont{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}img{width:80vw;object-fit:contain;margin-right:30px}}.home{display:grid;place-items:center}.profile{display:-webkit-flex;display:flex;width:45vw;height:70vh}.profile>img{border-radius:22px;margin:15px auto;max-width:300px;min-width:200px}.profile>img,footer>img{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}footer>img{width:20px;margin:5px;opacity:.5}footer>img:hover{opacity:1}.profile>p{margin-left:20px;height:50vh;text-align:left}footer{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}@media only screen and (max-width:1320px){.profile{width:50vw;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.profile>p{margin-left:0;text-align:center}.profile>p,.Publication{font-size:small}footer{display:none}}@media only screen and (max-width:400px){.profile{width:80vw}}@media only screen and (max-height:620px){footer{display:none}}.Landingpg{border-radius:20px;display:-webkit-flex;display:flex;width:50vw;margin:35px auto;border-radius:22px;overflow:hidden;box-shadow:0 19px 51px 0 rgba(0,0,0,.16),0 14px 19px 0 rgba(0,0,0,.07)}@media only screen and (max-width:400px){.Landingpg{width:98vw}}
/*# sourceMappingURL=main.a07c1588.chunk.css.map */