*{margin:0;padding:0}body{font-family:Ariel,Helvetica,sans-serif;background-color:#333}:root{--text-color:#dadada}.route-appear,.route-enter{-webkit-animation:slideIn .6s cubic-bezier(.165,.84,.44,1);animation:slideIn .6s cubic-bezier(.165,.84,.44,1)}.route-leave{-webkit-animation:slideOut .4s cubic-bezier(.165,.84,.44,1);animation:slideOut .4s cubic-bezier(.165,.84,.44,1)}.route-appear{-webkit-animation:slideUp .6s cubic-bezier(.165,.84,.44,1);animation:slideUp .6s cubic-bezier(.165,.84,.44,1)}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes slideOut{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}}@keyframes slideOut{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.container-contact,.portfolio-container{width:1024px;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin:0 auto;padding-bottom:1rem}.hvr-icon-back{color:#dadada;display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;transition-duration:.1s;outline:none}.hvr-icon-back .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);transition-duration:.1s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:ease-out}.hvr-icon-back:active .hvr-icon,.hvr-icon-back:focus .hvr-icon,.hvr-icon-back:hover .hvr-icon{-webkit-transform:translateX(-4px);transform:translateX(-4px)}.home-container{width:100%;height:100vh;display:grid;grid-template-columns:repeat(2,1fr);z-index:1}.links{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-decoration:none;color:#dadada;color:var(--text-color);font-size:2.5rem;border:1px solid #222;background-color:#333;outline:none}.links:hover{background-color:initial;transition:1s}.about-container{max-width:1024px;width:90%;height:50vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin:0 auto}.about-container h1{text-align:center;padding:3rem;color:#dadada;color:var(--text-color)}.about-container p{padding-bottom:2rem;color:#dadada;color:var(--text-color)}.skills-container{width:1024px;height:100vh;margin:0 auto}.skills-container h1{text-align:center;padding:1rem;color:#dadada;color:var(--text-color)}.skills-container div{width:100%}.skills-container .skills-wrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;width:100%;height:100%;padding-bottom:1rem}.skills-container .skill{padding:.5rem 0;font-size:1.5rem;background-color:#dadada;text-align:center;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border-radius:10px}.skill:nth-child(9){grid-column:2/3}.skills-container img{width:100px;height:100px}.portfolio-container h1{margin-top:3rem;color:#dadada;color:var(--text-color)}.wrapper{width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;margin:3rem 0}.wrapper .box{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;border:1px solid #222;background-position:50%;background-size:cover;background-repeat:no-repeat}.wrapper .box:first-child{background-image:url(/My-Portfolio/static/media/Info\ Form.a3f05c1d.png)}.wrapper .box:nth-child(3){background-image:url(/My-Portfolio/static/media/NumbersFacts.8cedef66.png);background-position:top;background-repeat:no-repeat;background-size:cover}.wrapper .box:nth-child(5){background-image:url(/My-Portfolio/static/media/ImageFinder.e3fb1c7c.png);background-position:0;background-repeat:no-repeat}.wrapper .box:nth-child(7){background-image:url(/My-Portfolio/static/media/MatchingGame.17e8cfd0.png)}.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;transition-duration:.3s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:"";top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);transition-duration:.3s;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}.project-links{padding:1rem 0;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;background-color:#231818}.project-link{text-decoration:none;color:#dadada;color:var(--text-color)}.description{padding:1rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around}.container-contact h1,.description p{color:#dadada;color:var(--text-color)}.container-contact h1{margin:3rem}.contact{display:grid;grid-template-rows:repeat(3,1fr);grid-row-gap:1rem;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:1.5rem;color:#dadada;color:var(--text-color)}.contact a{text-decoration:none;color:#fff}.contact a:hover{color:#dadada;color:var(--text-color)}.icons div{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.icon{font-size:6rem;color:#fff}.icons h1{border-bottom:1px solid #fff;font-weight:100;font-size:1.8rem}.contact-info{padding-bottom:2rem}.video-container{width:50%;height:50%;position:fixed;z-index:-1;overflow:hidden}video{width:100%}@media screen and (max-width:900px){.video-container video{height:100%}.portfolio-container,.skills-container{width:90%}.wrapper{grid-template-columns:repeat(2,1fr);height:65%}}@media screen and (max-width:720px){.home-container{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.skills-container .skills-wrapper{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr);height:61%}.skill:nth-child(9){grid-column:2/1}.portfolio-container{height:100%}.portfolio-container .hvr-icon-back,.wrapper{margin-bottom:1rem}.wrapper{grid-template-columns:1fr;grid-template-rows:auto;height:200vh}}
/*# sourceMappingURL=main.a18b5ac5.chunk.css.map */