.hex{position:relative;margin:1em auto;width:52px;height:83px;border-radius:.5em;opacity:1;background-color:#edc712;transition:opacity .5s}.hex:after,.hex:before{position:absolute;width:inherit;height:inherit;border-radius:inherit;background:inherit;content:""}.hex:before{transform:rotate(60deg)}.hex:after{transform:rotate(-60deg)}.hex-big{position:relative;margin:1em auto;width:80px;height:132px;border-radius:.5em;opacity:1;background-color:#edc712;transition:opacity .5s}.hex-big:after,.hex-big:before{position:absolute;width:inherit;height:inherit;border-radius:inherit;background:inherit;content:""}.hex-big:before{transform:rotate(60deg)}.hex-big:after{transform:rotate(-60deg)}.hex-medium{position:relative;margin:1em auto;width:65px;height:105px;border-radius:.5em;opacity:1;background-color:#edc712;transition:opacity .5s}.hex-medium:after,.hex-medium:before{position:absolute;width:inherit;height:inherit;border-radius:inherit;background:inherit;content:""}.hex-medium:before{transform:rotate(60deg)}.hex-medium:after{transform:rotate(-60deg)}.icon{font-size:30pt}.icon,.icon-big{position:absolute;z-index:99;transform:translate(-50%,-50%);left:50%;top:50%}.icon-big{font-size:60pt}.icon-medium{position:absolute;z-index:99;transform:translate(-50%,-50%);left:50%;top:50%;font-size:45pt}.redux{color:#fff}.redux-medium{position:absolute;z-index:99;transform:translate(-50%,-50%);left:50%;top:50%;color:#fff;width:45pt}#color1{background-color:#edc712}#about{padding:130px 0 170px;background-color:#040404;color:#fff}section .container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 10px;width:100%}.header{font-size:30pt;font-weight:700;text-align:center;margin-bottom:40px}.description{text-align:center;font-weight:300;margin-top:120px;align-items:center}.profile-image{height:300px;width:220px;border-radius:10%}.socials{margin-left:50px}.socials a{color:#edc712;font-size:32px;margin-right:32px;transition:all .4s}.socials a:hover{color:#fff}.style-cv{width:50px;margin-left:-8px}@media only screen and (max-width:767px){#about{padding:50px 0 40px}.header{font-size:25pt}.row{display:block}section .container{padding:0;max-width:1000px}}@media only screen and (max-width:1024px){#about{padding:0}.about-text{padding:64px}.description p{font-size:10pt}}@media only screen and (max-width:375px){.hex,.hex-big,.hex-medium{width:40px;height:63px}.hex-wrap{margin-left:2em}.icon-big,.icon-medium{font-size:30pt}.redux-medium{width:30pt}.row-skills{margin-right:18px;display:flex;flex-wrap:wrap;justify-content:center!important}}@media only screen and (max-width:320px){.row{display:block}.banner-wrap{left:7%}}#projects{background-color:#040404;padding:100px 0 130px}.header{color:#fff}.panels{margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}@media only screen and (max-width:767px){#projects{height:auto}.panels{display:block}.panel.open{font-size:12px}}@media only screen and (max-width:1024px){#projects{height:auto}.panels{display:block}.panel{overflow:hidden;margin-left:0;margin-bottom:12px;height:200px}.panel.open{font-size:12px}}.footer-container{background-color:#040404}.social-links{padding:0;margin:0;display:flex;justify-content:center}.social-links li{margin:24px;list-style:none}.social-links i{padding:8px;color:#fff;transition:all .5s}.github:hover{color:hsla(0,0%,100%,.7);transform:scale(1.2)}.twitter:hover{transform:scale(1.2);color:#00a5ff}.linkedin:hover{transform:scale(1.2);color:#0078ba}.save:hover{transform:scale(1.2);color:rgb(243,118,118)}.banner-wrap{position:absolute;top:50%;left:50%;color:white;text-align:center;font-weight:300}.banner-text{font-size:32pt;line-height:36pt;margin:0 0 20px}.banner-button{color:#fff;border:2px solid #fff;box-sizing:inherit;cursor:pointer;display:inline-block;font-size:13pt;padding:10px 20px;transition:all .5s}.banner-button:hover{background-color:#fff;border-color:#fff;color:#191919}#tsparticles{width:100vw;height:100vh;position:relative;top:0;left:0}@media only screen and (max-width:767px){.banner-wrap{top:40%;left:15%}.banner-text{font-size:18pt}.banner-button{color:#fff;padding:10px 20px;font-size:13pt}}@media only screen and (min-width:768px) and (max-width:1024px){.banner-wrap{top:40%;left:20%}}.project-card{margin:3em;text-align:center;width:25%}.project-details{margin:12px auto;text-align:start;width:90%}.carousel-control-next,.carousel-control-prev{background-color:#66666652;height:20%;width:10%;margin:auto}.media-buttons{display:flex;margin-left:30px;margin-bottom:16px}.media-buttons a{font-size:16px;margin:8px;border:1px solid #212121;border-radius:8px;padding:0 16px;text-decoration:none;text-transform:capitalize;background-color:#fff;transition:all .5s;color:#212121}.media-buttons a:hover{background-color:#212121}.media-buttons a:hover,button{color:#fff;border:1px solid #fff}button{font-size:16px;margin:8px;border-radius:8px;padding:0 16px;text-decoration:none;text-transform:capitalize;background-color:#191919;transition:all .5s}button:hover{color:#191919;border:1px solid #fff;background-color:#fff}.card-wrapper{margin:0 auto;position:relative}.card-title{font-size:32px;text-transform:uppercase;text-shadow:#fff 1px 1px,#191919 2px 2px,#fff 3px 3px,#191919 4px 4px}.card-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);color:#fff}.card-wrapper img{display:block;width:100%;height:auto}.card-overlay{position:absolute;bottom:100%;left:0;right:0;background-color:#191919;overflow:hidden;width:100%;height:0;transition:.5s ease}.card-wrapper:hover .card-overlay{bottom:0;height:100%}@media only screen and (max-width:767px){.project-card{margin:28px 0}.panels{width:auto}.card-title{font-size:28px}}@media only screen and (max-width:375px){.project-card{width:auto}}@media only screen and (min-width:768px) and (max-width:1024px){.project-card{width:auto}.card-title{font-size:28px}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.modal-main{position:fixed;background:white;width:45%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.display-block{display:block}.display-none{display:none}.carousel-control-next,.carousel-control-prev{margin:0;top:80%;background-color:#312e2e52!important}