:root{font-size:14px;scroll-behavior:smooth}:root :-webkit-any-link{text-decoration:none;color:#3464ac}:root :-moz-any-link{text-decoration:none;color:#3464ac}:root :any-link{text-decoration:none;color:#3464ac}*{box-sizing:border-box}@media only screen and (min-width:768px){:root{font-size:18px}}body{margin:0;overflow-x:hidden;font-family:'Source Sans Pro',sans-serif}section h2{text-transform:uppercase;padding-top:3%;text-align:center;color:#fff;font-weight:700;font-size:1.8rem;width:100%}.container{margin:0 auto;max-width:1048px}.row{display:flex}.shadow{box-shadow:1px 0 10px gray}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;transform-origin:center bottom}@-webkit-keyframes pulse{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}}@keyframes pulse{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}.swing{transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (print),(prefers-reduced-motion:reduce){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}.navbar{background-color:#fff;position:fixed;top:0;transition:box-shadow .5s;width:100%;z-index:3;text-transform:uppercase}.navbar__inner{width:100%;display:flex;margin:0 auto;max-width:1048px}.navbar__toggler{display:none}.navbar__menu{flex-basis:80%}.navbar__menu ul{display:flex;list-style-type:none;justify-content:space-around}.navbar__logo{font-size:2rem;flex-basis:20%;font-family:Knewave,cursive;color:#3464ac;display:flex;align-items:center;justify-content:center}.navbar__logo:-webkit-any-link{color:#3464ac;text-decoration:none}.navbar__logo:-moz-any-link{color:#3464ac;text-decoration:none}.navbar__logo:any-link{color:#3464ac;text-decoration:none}.navbar-nav .nav-item{text-align:center}.navbar-nav .nav-link{color:#3464ac}.navbar li a:hover{border:1px solid #3464ac;border-radius:290486px}.navbar li:active{background-color:#3464ac;border-radius:290486px;transition:all .3s}.navbar li:active a{color:#fff}.header{background-image:url(../img/repeated-square.png);padding:100px 10px;position:relative;min-height:75vh;display:flex;align-items:center}.header__title{display:flex;margin:0 auto;flex-wrap:wrap;align-items:center;max-width:1048px;justify-content:center}.header__title h2{color:#293347;font-weight:700;font-size:3rem;padding:0;margin:0}.header__title p{margin-top:2%;text-align:center;width:100%;font-size:1.4rem}.header__down{align-self:flex-end;text-align:center;width:100%;text-transform:uppercase;font-weight:700;position:absolute;bottom:10px}.header__down .bounce{display:block;-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.header__down a:-webkit-any-link{color:#000;text-decoration:none}.header__down a:-moz-any-link{color:#000;text-decoration:none}.header__down a:any-link{color:#000;text-decoration:none}@keyframes bounce{from{transform:scale(.8)}to{transform:scale(1)}}.about-me{position:relative;margin-top:0;background-image:linear-gradient(#3464ac,#99b5e0);background-image:url(../img/clouds.jpg);background-size:cover;background-attachment:fixed;background-position:left;color:#fff;padding-bottom:150px}.about-me__header h2{margin:0;padding:0 0 45px 0}.about-me__left{flex-basis:30%}.about-me__right{flex-basis:70%;position:relative}.about-me p{border-radius:10px;line-height:2rem;text-align:center;font-size:1.5rem;padding:15px;margin-top:0;background-color:#fff;color:#293347;font-weight:600}.about-me img{top:80px;height:auto;width:234px;max-width:100%;position:sticky;border-radius:50%;margin-bottom:20px;border:1px solid #fff;box-shadow:0 0 10px #fff}@media only screen and (max-width:768px){.about-me .row{align-items:center;flex-direction:column}}.services{min-height:80vh}.services h2{margin:0;color:#293347}.services p{text-align:center;color:#293347}.portfolio{display:flex;flex-wrap:wrap;text-align:center;justify-content:center;padding-bottom:15px}.website{box-sizing:border-box;position:relative;margin:10px;-o-object-fit:none;object-fit:none;border-radius:5px;border:1px solid #fff;transition:all .3s}.website:hover{box-shadow:0 0 10px #3464ac;transform:scale(1.05)}.website:active{box-shadow:none;transform:scale(1)}.website img{height:100%;border-radius:5px;filter:brightness(75%)}.website span{text-align:center;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;color:#fff;line-height:900%;font-size:1.3rem;font-weight:700;text-transform:uppercase;transition:all .3s}.website span:hover{background-color:rgba(0,0,0,0);cursor:pointer}.collapse{top:0;bottom:0;right:0;width:0;z-index:2;padding:0;position:fixed;overflow:hidden;margin-top:60px;overflow-y:scroll;background:#fff;transition:all .5s;box-shadow:0 0 13px 0 #3464ac}.collapse__close{top:5px;right:10px;cursor:pointer;font-size:25px;font-weight:700;position:absolute;color:#3464ac}.collapse .card{display:flex;flex-direction:column}.collapse .card__header{padding-top:0}.collapse .card__image{width:100%;max-width:500px;margin:20px auto;border-radius:10px;border:3px solid #293347}.collapse--open{width:1000px;padding:20px;max-width:100%}.skills{display:flex;position:relative;justify-content:center}.skills .container{padding:40px;border-radius:10px;margin:-6.5rem 10px 0 10px;background-color:#fff}.skills .row{flex-wrap:wrap;justify-content:space-between}.skills__card{text-align:center;color:#3464ac}.skills__card i{font-size:2.5rem;color:#3464ac;padding:20px}.skills__title{margin:0;padding:0;font-weight:700;color:#293347;text-transform:uppercase}.skills__skill{flex-basis:25%}.contact{position:relative;padding-bottom:2.5rem;background-color:#fff;border-left:5px solid #3464ac;border-right:5px solid #3464ac}.contact form{font-family:roboto,sans-serif;width:90%;margin:20px auto 0;box-shadow:2px 2px 5px 1px rgba(0,0,0,.2);padding:0 0 40px;border-radius:3px;color:#293347}.contact input::-webkit-input-placeholder,.contact textarea::-webkit-input-placeholder{font:inherit;-webkit-transition:transform .3s ease-in-out,font-size .3s ease-in-out,visibility .3s ease-in-out;transition:transform .3s ease-in-out,font-size .3s ease-in-out,visibility .3s ease-in-out}.contact input,.contact textarea{font:inherit;font-size:.8em;margin:28px 25px 10px;width:100%;display:block;border:none;padding:20px 0 10px;border-bottom:solid 1px #3464ac;background:linear-gradient(to bottom,rgba(255,255,255,0) 96%,#3464ac 4%);background-position:-auto 0;background-size:auto 100%;background-repeat:no-repeat;transition:background .3s cubic-bezier(.64,.09,.08,1);resize:none;overflow:hidden}.contact input:focus::-webkit-input-placeholder,.contact textarea:focus::-webkit-input-placeholder{color:#3464ac}.contact input:focus,.contact input:valid,.contact textarea:focus,.contact textarea:valid{box-shadow:none;outline:0;background-position:0 0}.contact input:focus::-webkit-input-placeholder,.contact input:valid::-webkit-input-placeholder,.contact textarea:focus::-webkit-input-placeholder,.contact textarea:valid::-webkit-input-placeholder{font-size:.8em;transform:translateY(-20px);visibility:visible!important;opacity:1}.contact input[type=email]{background:linear-gradient(to bottom,rgba(255,255,255,0) 96%,#3464ac 4%);background-repeat:no-repeat;transition:border-bottom .3s ease,background .3s ease}.contact input[type=email]~span.validation-text{position:absolute;visibility:hidden;font-family:roboto,sans-serif;font-size:.6em;width:auto;margin-left:25px;margin-top:-5px;color:#fff;transition:color .3s ease-in-out}.contact input[type=email]:not([value=""])::-webkit-input-placeholder{font-size:.8em;transform:translateY(-20px);visibility:visible!important;opacity:1}.contact input[type=email]:not([value=""]):focus::-webkit-input-placeholder{color:#3464ac}.contact input[type=email]:not([value=""]):focus:not(:valid)::-webkit-input-placeholder{color:#e91e63}.contact input[type=email]:focus{background-position:0 0}.contact input[type=email]:focus:not(:valid):not([value=""]){border-bottom:solid 1px #e91e63;background:linear-gradient(to bottom,rgba(255,255,255,0) 96%,#e91e63 4%)}.contact input[type=email]:not(:focus):not(:valid):not([value=""]){border-bottom:solid 1px #e91e63;background-position:0 0;background:linear-gradient(to bottom,rgba(255,255,255,0) 96%,#e91e63 4%)}.contact input[type=email]:not(:focus):not(:valid):not([value=""])::-webkit-input-placeholder{color:#e91e63}.contact input[type=email]:not(:focus):not(:valid):not([value=""])~span.validation-text{visibility:visible;color:#e91e63}.contact .flex{display:flex;align-items:stretch}.contact .flex textarea{line-height:120%}.contact button{font-family:roboto,sans-serif;transition:transform .2s cubic-bezier(.64,.09,.08,1),box-shadow .2s cubic-bezier(.64,.09,.08,1);border:none;background:#3464ac;cursor:pointer;border-radius:3px;padding:6px;width:auto;color:#fff;margin:30px 0 0 25px;box-shadow:0 3px 6px 0 rgba(0,0,0,.2)}.contact button:hover{transform:translateY(-2px);box-shadow:0 5px 6px 0 rgba(0,0,0,.2)}.contact h2{color:#293347;margin-bottom:0}@media (min-width:500px){.contact form{width:460px;margin:40px auto 0}.contact form input,.contact form textarea{margin:28px 25px 10px;width:400px;padding:20px 0 10px}.contact form input[type=email]{background-position:-400px 0}}footer{background-image:linear-gradient(#3464ac,#284d85)}footer .container{display:flex;padding:10px 0;flex-wrap:wrap;align-items:center;justify-content:center}footer .container h2{text-transform:uppercase;font-weight:700;color:#fff;flex-basis:4}footer .container .circle{margin-left:20px;width:50px;height:50px;background-color:#fff;border-radius:50%;text-align:center;transition:all .5s}footer .container .circle i{display:inline-block;font-size:2rem;line-height:50px;color:#3464ac;width:40px;height:40px;text-align:center;vertical-align:bottom}footer .container .circle .fa-linkedin{color:#0e76a8;transition:all .5s}footer .container .circle .fa-github{color:#000;transition:all .5s}footer .container .circle:nth-child(2):hover{background-color:#0e76a8;border:1px solid #fff}footer .container .circle:nth-child(2):hover .fa-linkedin{color:#fff}footer .container .circle:nth-child(3):hover{background-color:#000;border:1px solid #fff}footer .container .circle:nth-child(3):hover .fa-github{color:#fff}
/*# sourceMappingURL=main.css.map */