body{margin:0;padding: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}body{font-size:14px;background-color:#1f1500;background:-webkit-linear-gradient(#373535,#1f1500);background:linear-gradient(#373535,#1f1500);background-attachment:fixed;line-height:1}h1,h2,h3,p{margin:15px 0}h1{font-size:1.5rem;font-weight:700;text-transform:capitalize}h2{font-size:1rem;font-weight:300;text-transform:uppercase}h2:after,h2:before{content:"*";margin:7.5px}p,ul{line-height:1.2}a:focus,button:focus,input:focus{outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#373535}::-webkit-scrollbar-thumb{background-color:#ec1d8f}::-webkit-scrollbar-thumb:hover{background-color:#a3055c}.App{color:#fff;text-align:center;max-width:1140px;margin:0 auto}.App,.App-section{padding:15px}.App-section:first-child{padding-top:0}.App-section:last-child{padding-bottom:0}.App-header{position:fixed;z-index:100;top:0;left:0;padding:0;width:100%}.App-logo{height:30px}.App-logo:hover{-webkit-animation:App-logo-spin 1s linear 0s infinite;animation:App-logo-spin 1s linear 0s infinite}.App-nav{font-size:1rem;line-height:30px;background-color:hsla(0,0%,100%,.05)}.App-nav__ul{margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}.App-nav__ul li{list-style-type:none;text-align:left;flex:0 1 auto;position:relative}.App-nav__ul li:last-child .App-nav__ul{right:0}.App-nav__ul li:hover .App-nav__ul{display:inline-block}.App-nav__ul li .App-nav__link{padding:15px;display:flex;position:relative;color:#ec1d8f;text-decoration:none}.App-nav__ul li .App-nav__link:hover{color:#fff}.App-nav__ul li .App-nav__link--dropdown:after{content:"";width:6px;height:6px;margin:9px 5px 5px;border:solid #ec1d8f;border-width:0 1px 1px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.App-nav__ul li .App-nav__link--dropdown+.App-nav__ul li .App-nav__link.active{background-color:#a3055c}.App-nav__ul li .App-nav__link--home:not(.active):after{content:"Home";display:inline-block;margin-left:7.5px}.App-nav__ul li .App-nav__ul{width:200px;position:absolute;z-index:100;display:none;font-size:.7rem}.App-nav__ul li .App-nav__ul li{float:left;width:100%}.App-nav__ul li .App-nav__ul li .App-nav__link{display:block;color:#fff;background-color:#1f1500;border-top:1px solid #fff}.App-nav__ul li .App-nav__ul li .App-nav__link:hover{color:#ec1d8f}.App-nav__primary li{line-height:30px}.App-nav__breadcrumb{font-size:.7rem}.App-nav .active{color:#fff!important;font-weight:700}.App-link{color:#ec1d8f;text-decoration:none}.App-link:hover{color:#fff}.App-btn{text-decoration:none;padding:15px;margin:15px;display:inline-block;background-color:hsla(0,0%,100%,.1);border:1px solid #ec1d8f;border-radius:3px;font-weight:700;color:#ec1d8f;text-transform:capitalize}.App-btn:hover{color:#fff}.App-img{display:block;margin:0 auto;max-width:100%}.App-img--topleft{float:left;margin-right:15px}.App-img--round{border-radius:50%}.App-list{text-align:left;padding:0 0 0 30px}.App-content{min-height:50vh;background-color:#373535}.App-content:first-of-type{margin-top:45px}.App-content p{text-align:left;margin:15px 0}.App-content+.App-content{margin-top:15px}.App-content__home{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1rem;margin:-15px}.App-content__home__h1{font-size:1.6rem;text-shadow:-3px 3px #000;opacity:.66;margin:15px}.App-content__home .App-logo{height:20vmin}.App-content__home p{margin:15px}.App-content--center{min-height:inherit}.App-content--center p{text-align:center}.App-project{width:100%;display:block;overflow:hidden}.App-project__detail,.App-project__img{box-sizing:border-box;margin:0;padding:15px;width:50%;float:left;background-color:hsla(0,0%,100%,.1);border:5px solid #373535;border-width:5px 0;height:400px;color:#ec1d8f}.App-project__name{text-align:left}.App-project__des:before,.App-project__status:before,.App-project__url:before,.App-project__year:before{text-transform:capitalize;font-weight:700}.App-project__des:before{content:"description: ";display:block;margin-bottom:7.5px}.App-project__img{overflow-x:hidden;overflow-y:auto;padding:0}.App-project__img::-webkit-scrollbar-track{background-color:#1f1500}.App-project__img img{width:100%;height:auto}.App-project__year:before{content:"year: "}.App-project__status:before{content:"status: "}.App-project__url:before{content:"url: "}.App-footer{border-top:1px solid #fff}.App-arrow--down{display:flex;-webkit-animation:App-arrow-down 1.5s ease-out .5s infinite;animation:App-arrow-down 1.5s ease-out .5s infinite;position:absolute;bottom:30px;margin-bottom:15px}.App-arrow--down:after,.App-arrow--down:before{background-color:#fff;content:"";position:relative;height:5px;width:20px}.App-arrow--down:before{-webkit-transform:skew(0deg,30deg);transform:skew(0deg,30deg)}.App-arrow--down:after{-webkit-transform:skew(0deg,-30deg);transform:skew(0deg,-30deg)}.App-arrow--down+.App-arrow__label{font-size:.8rem;position:absolute;bottom:60px}@-webkit-keyframes App-arrow-down{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}}@keyframes App-arrow-down{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}}@-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)}}@media only screen and (max-width:768px){.App{padding:15px 0}.App-content__about p{margin:15px}.App-content__about .App-list{padding:0 0 0 40px}.App-img--topleft{margin-left:7.5px}.App-section{padding:15px 5px}.App-header{padding:0}}@media only screen and (max-width:480px){.App-img--topleft{float:none;clear:both;margin:0 auto}.App-project__detail,.App-project__img{width:100%;height:auto}.App-project__img{max-height:none;overflow-y:hidden;background-color:initial}}@media only screen and (max-width:400px){.App-header{width:100%}.App-nav__ul{justify-content:space-evenly}.App-nav__ul li:hover .App-nav__ul{display:none}.App-nav__ul li .App-nav__link{padding:15px 5px}.App-nav__ul li .App-nav__link--dropdown:after,.App-nav__ul li .App-nav__link--home:not(.active):after{display:none}}@media only screen and (max-width:250px){.App-content:first-of-type{margin-top:105px}}
/*# sourceMappingURL=main.20664af1.chunk.css.map */