.landing{align-items:center;max-width:100vw;height:100vh;background:#0f2027;background:url(/images/cool-background.jpeg);background-size:100% 120%;max-width:100%}.landing,.landing__text{display:flex;justify-content:center}.landing__text{flex-direction:column;font-size:3em;color:#fff;margin-bottom:3em;text-align:center}.landing__name{color:#e31b6d;font-weight:700}.landing__text--child2{align-self:center}.landing__button{border:2px solid #fff;background:transparent;padding:.4em 1em;font-size:.45em;color:#fff;font-weight:100;margin-top:1em;transition:background .2s linear}.landing__button:hover{background:#18c4c7}.landing__button .fa-arrow-alt-circle-right{margin-left:.5em;font-size:1.1em;font-weight:100;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.landing__button:hover .fa-arrow-alt-circle-right{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.navbar{display:flex;justify-content:space-evenly;flex-wrap:wrap;background:#2f4f4f;align-items:center;font-size:1.2em;border-bottom:5px solid #18c4c7;text-transform:uppercase;max-width:100%}.navbar div{margin:1.1em}.navbar__not-selected,.resume-link{text-decoration:none;color:#fff;transition:color .2s linear;font-weight:700}.navbar .navbar__selected,.navbar__not-selected:hover{color:#e31b6d}@media (min-width:641px){.navbar .text{display:flex}.navbar .icon{display:none}}@media (max-width:640px){.navbar .text{display:none}.navbar .icon{display:flex;justify-content:center;align-items:center;flex-direction:column;width:4em;height:4em;font-size:.5em;padding-top:1em}}.about{max-height:100%;padding-bottom:0;padding-top:2em}.about__header{padding:3em 0 2em;text-transform:uppercase;margin:0;display:flex;justify-content:center;align-items:center;flex-direction:column}.about__header h1{margin-top:2em}.about__header:after{content:"";display:block;margin:0 auto;width:10%;padding-top:20px;border-bottom:5px solid #000}.about__header img{width:30px;height:30px;margin-right:.3em}.hexagon .flexbox__parent{display:flex;justify-content:space-evenly;width:90%;flex-wrap:wrap;padding-bottom:4em}.hexagon .flexbox__parent>*{margin:1em 1em 1em 0}.hexagon__description,.hexagon__title{text-align:center;margin-top:.3em}.hexagon__container{max-width:150px}.hexagon__link{position:relative;display:inline-block;overflow:hidden;margin:0 8.5% 0 .8em;padding:16%;-webkit-transform:rotate(30deg) skewY(30deg) scaleX(.866);transform:rotate(30deg) skewY(30deg) scaleX(.866)}.hexagon__link:before{display:block;position:absolute;top:6.7%;right:0;bottom:6.7%;left:0;-webkit-transform:scaleX(1.155) skewY(-30deg) rotate(-30deg);transform:scaleX(1.155) skewY(-30deg) rotate(-30deg);background-size:cover;content:""}.hexagon__main{margin:0;padding:0;display:flex;justify-content:space-evenly}.hexagon__main ul{margin:0;padding:5px}.hexagon__main ul li{margin:5px;list-style:none outside none;display:inline-block}.hexagon__main i{width:80px;height:80px;color:#fff;background-color:#18c4c7;font-size:2em;text-align:center;padding-top:25px;transition:all .3s ease;-moz-transition:all ease .3s;-webkit-transition:all .3s ease;-o-transition:all ease .3s;-ms-transition:all ease .3s}.hexagon__link i{-webkit-transform:rotate(-45deg) skewY(0) scaleX(2.4);transform:rotate(-45deg) skewY(0) scaleX(2.4)}.description__container{text-align:center;max-width:100%;padding-bottom:4em}.description__container h1{margin-bottom:.3em}.chris__image{width:18em;height:18em;-webkit-clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);margin:4em 0 1em}.description__paragraph{max-width:20em;margin:auto}.about__desc__skills{display:flex;justify-content:space-evenly;text-align:center;flex-wrap:wrap}.techskills{max-width:35em}.techskills__header{padding:0 0 .3em;text-transform:uppercase;margin:0;display:flex;justify-content:center;align-items:center;flex-direction:column}.techskills__header:after{content:"";display:block;margin:0 auto;width:30%;padding-top:20px;border-bottom:5px solid #000}.techskills__header .image{width:30px;height:30px;margin-right:.3em}.techskills h1{text-transform:uppercase}.techskills img{width:60px;height:60px;margin-top:.2em}.techskills__databases,.techskills__languages,.techskills__libraries{margin-top:2em;text-align:center}.techskills__databases h2,.techskills__languages h2,.techskills__libraries h2{margin-bottom:.3em;color:#e31b6d}.techskills__database--content,.techskills__languages--content,.techskills__libraries--content{display:inline-block;background-color:#fff;border:2px solid #18c4c7;border-radius:20%;padding:.7em;margin:.5em;width:90px}.techskills .postgres{height:40px}.portfolio{max-height:100%;background:#e1dede;-webkit-clip-path:polygon(100% 0,100% 86%,50% 100%,0 86%,0 14%);clip-path:polygon(100% 0,100% 86%,50% 100%,0 86%,0 14%);padding:5em 0 11em;position:relative}@media (max-width:641px){.portfolio{padding:3em 0 12em;-webkit-clip-path:polygon(100% 0,100% 86%,50% 100%,0 86%,0 5%);clip-path:polygon(100% 0,100% 86%,50% 100%,0 86%,0 5%)}}.portfolio__header{padding:3em 0 2em;text-transform:uppercase;margin:0;display:flex;justify-content:center;align-items:center;flex-direction:column}.portfolio__header:after{content:"";display:block;margin:0 auto;width:10%;padding-top:20px;border-bottom:5px solid #000}.portfolio__header img{width:30px;height:30px;margin-right:.3em}.portfolio__text{opacity:0}.portfolio__preview,.projects__list{display:flex;justify-content:center;flex-wrap:wrap;width:100%}@media (max-width:641px){.projects__list img{margin-top:2em;width:7em;height:7em}}.active,.not-active{display:flex;justify-content:center;align-items:center;height:10em;width:25em;background-size:cover;transition:.5s}.active{-webkit-transform:scale(1.07);transform:scale(1.07);-webkit-filter:brightness(10%);filter:brightness(10%);z-index:1}.portfolio__preview--card--selected .button{display:none}.portfolio__preview--card:hover{background:#fff}.portfolio__preview--card .button{position:absolute;width:7em;height:2em;background:none;opacity:0;font-size:1.1em;font-family:Raleway;border:5px solid #e31b6d}.portfolio__preview--card:hover .button{display:block;opacity:1}.portfolio__selected{margin-top:5em;display:flex;justify-content:center;flex-wrap:wrap}.portfolio__selected .image{height:20em;width:38em;margin-bottom:2em}@media (max-width:641px){.portfolio__selected .image{max-width:100%;height:10em;width:20em;margin-bottom:3em}}.portfolio__selected--info{margin:0 3em;max-width:35em}.portfolio__selected .github__logo{height:1em;width:1em;margin-right:.3em}.portfolio__selected--info .header{margin-bottom:.5em}.portfolio__selected--info .buttons{border-bottom:5px solid #000;margin-bottom:1em}.portfolio__selected--info .button{margin:0 .5em 1em;background-color:#18c4c7;font-size:1.1em;padding:.3em;border-radius:15%;transition:.2s;border:1px solid #000}.portfolio__selected--info .button:hover{background-color:#a9a9a9}.not-active:hover{-webkit-filter:sepia(1);filter:sepia(1)}.height-100vh{display:flex;flex-direction:column;position:relative}.height-100vh .text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#e31b6d;font-weight:700;font-size:2em;z-index:2}.contact{color:#000;padding-bottom:5em}.contact,.contact__header{display:flex;flex-direction:column;align-items:center}.contact__header{padding:3em 0 2em;text-transform:uppercase;margin:0;justify-content:center}.contact__header:after{content:"";display:block;margin:0 auto;width:70%;padding-top:20px;border-bottom:5px solid #000}.contact__header img{width:30px;height:30px;margin-right:.3em}.contact .logos{display:flex;justify-content:space-evenly;width:40em;max-width:100%}.contact .logos div{text-align:center}.contact .logo{height:3em;width:3em;margin:1em}.contact img:hover{opacity:.4}.contact a{text-decoration:none;color:#18c4c7}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Raleway,sans-serif;margin:0;display:flex;flex-direction:column;background:#fff;max-width:100%;overflow-x:hidden}.sticky{z-index:1000}
/*# sourceMappingURL=main.f7f7c7e3.chunk.css.map */