body{margin: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}*{padding:0;margin:0;box-sizing:border-box;list-style:none;text-decoration:none;color:#fff;font-family:"Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,sans-serif}h1,h3,h4{margin-bottom:20px;margin-top:20px}body{background-color:#000;text-align:center}@media only screen and (min-width:600px){body{font-size:1.5rem}}p{line-height:1.5em;text-align:left;color:grey;margin-top:50px}hr{border-color:#ffb600}.nav{width:100vw;height:100px;background-color:#000;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;z-index:3}.nav__logo{width:150px;height:45px}.nav__links{width:50%;max-width:1000px;display:flex;justify-content:space-evenly}.nav__links li a:focus,.nav__links li a:hover{color:#ffb600}.nav__menu--icon{display:none}@media only screen and (max-width:767.98px){.nav__links{display:none}.nav__menu--icon{font-size:1.5rem;display:block;margin-right:20px;outline:none;cursor:pointer;transition:transform .5s ease}.nav__menu--icon:hover{color:#ffb600;transform:rotate(90deg)}}.menu{display:block;position:fixed;top:0;width:100vw;background-color:#ffb600;transition:transform .3s ease-in-out}.menu ul{display:flex;height:50px;justify-content:space-around;align-items:center}.menu ul li a{color:#000}.menu ul li a:focus,.menu ul li a:hover{color:#fff}.menu--show{transform:translateY(100px);transition:transform .3s ease-in-out;z-index:2}.about{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;margin:150px 10px 120px}.about__description{display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;text-align:left;max-width:1000px;width:100%}.about__image{position:relative}.about__image,.about__image__pepe{max-width:500px;width:100%;height:auto}.about__image__sweat--left{position:absolute;top:20%;left:17%;width:5%;overflow:visible;fill:#fff;-webkit-animation:sweatLeft 3s linear infinite;animation:sweatLeft 3s linear infinite}@-webkit-keyframes sweatLeft{20%{transform:translateY(100%) rotate(10deg) scale(1.2)}40%{transform:translate(-20%,200%) rotate(20deg) scale(1.4)}60%{transform:translate(-80%,400%) rotate(30deg) scale(1.6)}80%{transform:translate(-160%,600%) rotate(20deg) scale(1.8)}to{transform:translate(-200%,800%) rotate(15deg) scale(2)}}@keyframes sweatLeft{20%{transform:translateY(100%) rotate(10deg) scale(1.2)}40%{transform:translate(-20%,200%) rotate(20deg) scale(1.4)}60%{transform:translate(-80%,400%) rotate(30deg) scale(1.6)}80%{transform:translate(-160%,600%) rotate(20deg) scale(1.8)}to{transform:translate(-200%,800%) rotate(15deg) scale(2)}}.about__image__sweat--right{position:absolute;top:7%;right:30%;width:3%;-webkit-animation:sweatRight 3s ease-in infinite;animation:sweatRight 3s ease-in infinite;fill:#fff}@-webkit-keyframes sweatRight{to{transform:rotate(-45deg) translateY(500%) scale(2)}}@keyframes sweatRight{to{transform:rotate(-45deg) translateY(500%) scale(2)}}button{border-radius:5px;border:1px solid #fff;padding:10px 20px;background-color:#000;color:#fff;position:relative;margin-top:25px}button:hover{cursor:pointer;border:1px solid #ffb600}button:focus{color:#ffb600;border:2px solid #ffb600}.projects__card{border:2px solid #ffb600;border-radius:25px;max-width:500px;padding:30px;margin-bottom:25px}.projects,.skills{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:50px 10px 100px}.skills{padding-top:30px;border:2px solid #ffb600;border-radius:25px;align-items:center}.skills li{display:flex;flex-direction:column;align-items:center;margin:15px}.skills li .icon{font-size:3rem;margin-bottom:20px}.skills li span{font-size:1.5rem;margin-bottom:30px;font-weight:700}.blogs__card{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;margin-bottom:50px;padding:30px}.blogs__card:hover{border:2px solid #ffb600;border-radius:25px}.blogs__image{max-width:500px;width:100%;height:auto}.blogs__description{max-width:1000px;width:100%;margin-top:20px}.blogs__button{z-index:1;transition:color .3s}.blogs__button:before{content:"";background-color:#ffb600;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out}.blogs__button:focus,.blogs__button:hover{color:#000}.blogs__button:focus:before,.blogs__button:hover:before{transform:scaleX(1)}.blogs{display:flex;flex-flow:column wrap;margin:50px 10px 100px}.contact-form{border:2px solid #ffb600;border-radius:25px;max-width:960px;margin:50px 10px;padding:25px}.contact-form__elem{display:flex;flex-direction:column;text-align:left;margin-bottom:20px}.contact-form__elem label{margin-bottom:10px}.contact-form__elem input,.contact-form__elem textarea{color:#000;padding:10px;font-size:20px;border-radius:10px}.contact-form__elem input:focus,.contact-form__elem textarea:focus{border:3px solid #ffb600;outline:none}@media only screen and (min-width:992px){.contact-form{margin:50px auto}}.footer__right i{color:#000;margin:20px;font-size:1.5rem;transition:transform .3s ease-out}.footer__right i:hover{transform:scale(1.5)}.footer{display:flex;flex-direction:column;align-items:center;padding:15px;background-color:#ffb600}.footer__left{color:#000;font-size:.9rem;font-weight:700;text-align:center;margin:15px}.footer__right{display:flex}@media only screen and (min-width:576px){.footer{flex-direction:row;justify-content:space-between}}
/*# sourceMappingURL=main.d344b305.chunk.css.map */