*{padding:0}*,body{margin:0}body{padding:2rem 15rem;box-sizing:border-box;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}@media only screen and (max-width:425px){body{padding:0}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.container{height:95vh;background-image:linear-gradient(to right bottom,rgba(60,120,250,.7),rgba(0,47,177,.8)),url(/portfolio/static/media/headbckgr.18743db9.jpg);background-size:cover;background-position:top;-webkit-clip-path:polygon(0 0,100% 0,100% 75vh,0 100%);clip-path:polygon(0 0,100% 0,100% 75vh,0 100%);position:relative}.text-box{opacity:0;position:absolute;top:30%;padding:0 10%;text-align:center;color:#eee}.text-box h1{font-size:50px;font-weight:400}.text-box p{text-align:center;margin-top:50px;font-size:22px}@media only screen and (max-width:425px){.text-box{top:20%}.text-box h1{font-size:40px}}.aboutMe{background-color:#f7f7f7;padding:15rem 0 20rem;margin-top:-25vh}.center-text{text-align:center}.heading-secondary{margin-bottom:150px;font-size:40px;text-transform:uppercase;font-weight:400;background-image:linear-gradient(90deg,rgba(60,120,250,.7),rgba(0,47,177,.8));background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:2px;transition:all .2s}.heading-secondary:hover{-webkit-transform:scale(1.05);transform:scale(1.05);text-shadow:.5rem 1rem 1rem rgba(0,0,0,.2);cursor:pointer}.information{display:grid;grid-template-columns:1fr 2fr}.myImg{width:100%;-webkit-filter:grayscale(50%);filter:grayscale(50%);-webkit-clip-path:polygon(0 0,100% 0,100% 325px,0 100%);clip-path:polygon(0 0,100% 0,100% 325px,0 100%)}.infoBlock{width:45%;margin:0 auto;box-shadow:0 6px 12px rgba(0,0,0,.15);color:#eee;padding:4rem 4rem 4rem 6rem;-webkit-transform:skewX(-18deg);transform:skewX(-18deg)}.infoBlock:not(:last-child){margin-bottom:75px}.block--1{background-image:linear-gradient(to right bottom,#3c78fa,#285fe1)}.block--2{background-image:linear-gradient(to right bottom,#285fe1,#1447c9)}.block--3{background-image:linear-gradient(to right bottom,#1447c9,#002fb1)}.infoBlock__text{-webkit-transform:skewX(18deg);transform:skewX(18deg)}.cv-btn{text-transform:uppercase;width:200px;left:50%;position:relative;-webkit-transform:translate(-100px) skewX(-18deg);transform:translate(-100px) skewX(-18deg);border:3px solid #002fb1;cursor:pointer;color:#002fb1;font-weight:700;padding:15px;outline:none;box-shadow:0 6px 12px rgba(0,0,0,.15)}.cv-btn:hover{background-color:#002fb1;color:#f7f7f7}.cv-btn p{-webkit-transform:skewX(18deg);transform:skewX(18deg)}@media only screen and (max-width:425px){.information{grid-template-columns:1fr}.myImg{margin-bottom:75px}.infoBlock{width:40%;padding:2rem 3rem}}.proj-bckgr{background-image:linear-gradient(to right bottom,rgba(60,120,250,.7),rgba(0,47,177,.8)),url(/portfolio/static/media/portfoliobcgr.22fd418b.jpg);padding:50px 0;width:100%;background-size:cover;background-repeat:repeat-x;-webkit-transform:skewY(-10deg);transform:skewY(-10deg);margin-top:-100px}.projects-title{color:#eee;text-align:center;text-transform:uppercase;-webkit-transform:skewY(9deg);transform:skewY(9deg);margin-bottom:100px}.heading-tertiary{text-transform:uppercase;background-image:linear-gradient(90deg,rgba(60,120,250,.7),rgba(0,47,177,.8));background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:2px;margin-bottom:15px}.projects-title h3{font-weight:400;font-size:45px}.projects{width:75%;margin:75px auto 150px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.project-container{box-sizing:border-box;display:grid;grid-template-columns:3fr 2fr;-webkit-transform:skewY(10deg);transform:skewY(10deg);background-color:#f7f7f7;width:100%;padding:60px 35px}.project-container:not(:last-child){margin-bottom:100px}.project-bullets{padding:0 15px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.project-image img{width:90%}.btnCont{margin-top:20px;display:grid;grid-template-columns:repeat(2,1fr)}.btn-code{text-transform:uppercase;width:100px;-webkit-transform:skewX(-18deg);transform:skewX(-18deg);border:3px solid #002fb1;cursor:pointer;color:#002fb1;font-weight:700;padding:15px;outline:none;box-shadow:0 6px 12px rgba(0,0,0,.15)}.btn-code:hover{background-color:#002fb1;color:#eee}.btn-code p{-webkit-transform:skewX(18deg);transform:skewX(18deg)}.btn-live{text-transform:uppercase;width:100px;-webkit-transform:skewX(-18deg);transform:skewX(-18deg);border:3px solid #002fb1;cursor:pointer;color:#eee;background-color:#002fb1;font-weight:700;padding:15px;outline:none;box-shadow:0 6px 12px rgba(0,0,0,.15)}.btn-live:hover{background-color:#3c78fa;border:3px solid #3c78fa}.btn-live p{-webkit-transform:skewX(18deg);transform:skewX(18deg)}.vue-background{background-image:linear-gradient(180deg,hsla(0,0%,98%,.95),hsla(0,0%,98%,.85)),url(/portfolio/static/media/vue.3d2028ac.png)}.angular-background,.vue-background{object-fit:contain;background-size:cover}.angular-background{background-image:linear-gradient(180deg,hsla(0,0%,98%,.95),hsla(0,0%,98%,.85)),url(/portfolio/static/media/angular.27554e2c.png)}.react-background{background-image:linear-gradient(180deg,hsla(0,0%,98%,.95),hsla(0,0%,98%,.85)),url(/portfolio/static/media/react.4603f0d1.png);object-fit:contain;background-size:cover}@media only screen and (max-width:425px){.project-container{display:grid;grid-template-columns:1fr}.btnCont{margin-top:25px}.btn-code,.btn-live{width:80px}}.contact-section{background-color:#f7f7f7;padding:30rem 0 20rem;margin-top:-25vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.myContact h3{margin-bottom:75px;font-size:40px;text-transform:uppercase;font-weight:400;background-image:linear-gradient(90deg,rgba(60,120,250,.7),rgba(0,47,177,.8));background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:2px;transition:all .2s;-webkit-font-smoothing:subpixel-antialiased}.myContact h3:hover{-webkit-transform:scale(1.05);transform:scale(1.05);text-shadow:.5rem 1rem 1rem rgba(0,0,0,.2);cursor:pointer}.contact-btn p{-webkit-backface-visibility:hidden;backface-visibility:hidden}footer{background-image:linear-gradient(to right bottom,#1447c9,#002fb1)}.networks{display:-webkit-flex;width:30%;margin:0 auto;display:flex;-webkit-justify-content:space-around;justify-content:space-around;padding:100px 0}.networks i{color:#fff;font-size:30px}
/*# sourceMappingURL=main.667a1525.chunk.css.map */