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}.gradient-border{--borderWidth:3px;background:#1d1f20;position:relative;border-radius:var(--borderWidth)}.gradient-border:after{content:"";position:absolute;top:calc(-1*var(--borderWidth));left:calc(-1*var(--borderWidth));height:calc(100% + var(--borderWidth)*2);width:calc(100% + var(--borderWidth)*2);background:linear-gradient(90deg,#681833 11%,#230815 35%,#b31360 66%,#0e0b0c 90%);border-radius:calc(2*var(--borderWidth));z-index:-1;-webkit-animation:animatedgradient 3s ease infinite alternate;animation:animatedgradient 3s ease infinite alternate;background-size:300% 300%}ul{padding:0;list-style-type:none}@-webkit-keyframes animatedgradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes animatedgradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.background{background-color:#0b0b0b;min-height:100vh;padding-bottom:20%}.introCard{min-height:800px;text-align:left;padding-top:20%}@media (max-width:600px){.background{background-image:url(/static/media/bakMobile.d86e630f.jpg);background-size:600px 900px;background-repeat:no-repeat;background-color:#0b0b0b;padding-bottom:20%}}.title{margin-bottom:5%;background-color:#0ff}.media{border-radius:10px;border:3px solid #3f51b5}.detailedView{background:#1d1f20;background-size:cover;min-height:100vh}.detailedView img{border:3px solid #000;border-radius:2%;max-width:100%}.projectBox{background-color:#fff;z-index:0;max-width:80%;position:relative;-webkit-animation:fadein 2s;animation:fadein 2s}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}table{width:100%}.loading{position:relative;color:#fff;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.descriptions{margin-left:90%}@media (max-width:800px){img{max-width:90%;height:auto;float:none;border:2px solid #000}}.media{width:30%;height:auto;float:right;margin-right:5%;margin-left:5%}.aboutModuleBak{background:#1d1f20;background-size:cover;min-height:100vh}.notFoundModule{background-image:url(/static/media/notfoundPage.2df7ae31.gif);background-size:cover;min-height:100vh}.aboutModule{background-color:#fff;padding-bottom:2%;z-index:0;position:relative}.projectPageHeader{padding:2%}.projectModule{background-color:#fff;height:10%;position:relative;overflow-y:auto;padding-bottom:1%;-webkit-animation:fadein 2s;animation:fadein 2s}@media (max-width:600px){.projectPageHeader{padding:5%;size:50%}}@-webkit-keyframes slideInFromTop{0%{transform:translateY(-300%)}to{transform:translateY(0)}}@keyframes slideInFromTop{0%{transform:translateY(-300%)}to{transform:translateY(0)}}.navBar{position:fixed;top:0;left:0;width:100%;height:100%;display:block;z-index:10;margin-top:100px}.imageScale{height:90px;margin-right:50%}.left{color:#fff;position:relative;margin-right:20%;text-decoration:none;font-size:20px;align-content:left;font-family:Kanit,sans-serif;transition:color .5s}.left:before{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:#fff;visibility:hidden;transition:all .3s ease-in-out}.left:hover:before{visibility:visible;width:100%}.navItems{text-align:justify;align-content:right;margin-bottom:20%;height:100%}.footer{bottom:0;width:100%;background-color:#200713;padding:1%;z-index:0;flex-grow:1;display:flex;position:relative;justify-content:center}.footerText{color:#fff;text-align:left;float:left}.footerContents{display:flex;justify-content:space-between;width:100%}.socialLinks{width:.625rem;display:flex;flex-direction:row;justify-content:center;margin-right:10%}.email{text-decoration:none;color:#fff;transition:.5s;float:right}@media (max-width:600px){.footer{bottom:0;width:100%;background-color:#200713;padding:1%;z-index:0;display:block}.socialLinks{display:flex;position:relative;margin-top:5%;text-align:left;float:left}.footerText{text-align:none;float:none}}a:hover{color:#0ff}.fade-enter{opacity:0;z-index:1}.fade-enter.fade-enter-active{opacity:1;transition:opacity .25s ease-in}.fade-leave{opacity:1;transform:translateX(0)}.fade-leave.fade-leave-active{opacity:0;position:absolute;width:100%;transform:translateX(-30px);transition:all .2s linear}
/*# sourceMappingURL=main.1876bcf1.chunk.css.map */