html{--color-primary: #00ADB5;--color-secondary: #C4C4C4;--color-white: #ffffff;--color-black: #000000;--color-light: #eeeeee;--color-cursor: rgba(0, 173, 181, 0.3)}html[data-theme=dark]{--color-primary: #00ADB5;--color-secondary: #C4C4C4;--color-black: #ffffff;--color-white: #000000;--color-light: #222222;--color-cursor: rgba(255, 255, 255, 0.3)}body{background-color:var(--color-white);font-family:"Poppins",sans-serif;margin:0;padding:0;overflow-x:hidden}.toggle{position:fixed;top:-20px;right:-25px}.toggle input[type=checkbox]{height:0;width:0;visibility:hidden}.toggle label{cursor:pointer;text-indent:-9999px;width:55px;height:30px;background:var(--color-light);margin:0 auto;display:flex;justify-content:center;align-items:center;border-radius:100px;position:relative;transform:rotate(0deg)}.toggle label span{padding:5px;border-radius:50%;margin-left:-28px;z-index:99;background:rgba(228,171,17,.5);transition:cubic-bezier(0.68, -0.55, 0.27, 1.55) 320ms}.toggle label:after{content:"";background:#ffbd07;width:20px;height:20px;border-radius:50%;position:absolute;top:5px;left:4px;transition:cubic-bezier(0.68, -0.55, 0.27, 1.55) 320ms}.toggle input:checked+label{background:var(--color-black);transform:rotate(180deg)}.toggle input:checked+label span{padding:9px;margin-left:auto;margin-top:10px;margin-right:10px;background:var(--color-black)}.toggle input:checked+label:after{background:#000;left:calc(100% - 5px);transform:translateX(-100%)}html.transition,html.transition *,html.transition *:before,html.transition *:after{transition:cubic-bezier(0.68, -0.55, 0.27, 1.55) 420ms !important;transition-delay:0 !important}a{text-decoration:none}ul{margin:0;padding:0}img{width:100%}header{width:100%;display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}header .logo{font-size:1.2em;font-weight:700;color:var(--color-primary);padding:2em 4em 1em;position:relative;overflow:hidden}header .logo .hi{display:inline-block}header .logo .text{font-size:1em !important;font-weight:normal;padding-left:.4em}header nav{width:50%;background-color:var(--color-primary)}header nav ul{padding:2em 4em 1em;background-color:var(--color-primary);display:flex;justify-content:end;list-style:none}header nav ul li a{display:block;padding:.3em 1em;margin:0 2px;color:var(--color-white);position:relative;z-index:2;transition:.5s ease}header nav ul li a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background-color:var(--color-white);transition:.5s ease;z-index:-1}header nav ul li a:hover{-webkit-animation:hover-color-ani 1s .5s normal forwards;animation:hover-color-ani 1s .5s normal forwards}header nav ul li a:hover:after{width:100%;-webkit-animation:hover-ani 1s .5s normal forwards;animation:hover-ani 1s .5s normal forwards}@-webkit-keyframes hover-ani{from{height:3px}to{height:100%}}@keyframes hover-ani{from{height:3px}to{height:100%}}@-webkit-keyframes hover-color-ani{from{color:var(--color-white)}to{color:var(--color-primary)}}@keyframes hover-color-ani{from{color:var(--color-white)}to{color:var(--color-primary)}}#hero-banner{width:100%;height:80vh;overflow:hidden;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#hero-banner .content,#hero-banner .content-img{width:50%;padding:0em 4em;align-self:center;overflow:hidden}#hero-banner .content h1{font-size:2.9em;line-height:1.3em;color:var(--color-black)}#hero-banner .content h5{font-weight:400;letter-spacing:.05em;font-size:1.2em;color:var(--color-black);opacity:.6}#hero-banner .content h5 span{color:red;font-size:1.1em}#hero-banner .content .scroll-indicator{border:2px solid var(--color-black);border-top:none;width:14px;height:35px;border-radius:10px;position:relative}#hero-banner .content .scroll-indicator .indicator{width:5px;height:12px;position:absolute;top:2px;left:4px;border-radius:20px;background-color:var(--color-black);animation:scroll-ani 1s infinite alternate-reverse}@-webkit-keyframes scroll-ani{from{top:4px}to{top:9px;background-color:var(--color-primary)}}@keyframes scroll-ani{from{top:4px}to{top:9px;background-color:var(--color-primary)}}#hero-banner .content .btn-theme{width:130px;display:block;padding:.5em 1em .5em 0;margin:0 2px;color:var(--color-secondary);position:relative;z-index:2;transition:.5s ease}#hero-banner .content .btn-theme i{font-size:1em;margin-left:5px}#hero-banner .content .btn-theme:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:3px;background-color:var(--color-primary);transition:.5s ease;z-index:-1}#hero-banner .content .btn-theme:hover{padding:.5em 1em .5em 1em;-webkit-animation:hover-color-ani2 1s .5s normal forwards;animation:hover-color-ani2 1s .5s normal forwards}#hero-banner .content .btn-theme:hover:after{width:100%;-webkit-animation:hover-ani2 1s .5s normal forwards;animation:hover-ani2 1s .5s normal forwards}@-webkit-keyframes hover-ani2{from{height:3px}to{height:100%}}@keyframes hover-ani2{from{height:3px}to{height:100%}}@-webkit-keyframes hover-color-ani2{from{color:var(--color-primary)}to{color:var(--color-white)}}@keyframes hover-color-ani2{from{color:var(--color-primary)}to{color:var(--color-white)}}#hero-banner .content-img{height:100%;background-color:var(--color-primary);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}#hero-banner .content-img img,#hero-banner .content-img .img-icon{width:100%;position:absolute;transform:translate(-50%, -50%)}#hero-banner .content-img .image-box{position:absolute;top:50%;left:50%;width:60%;height:300px;transform:translate(-50%, -50%)}#hero-banner .content-img .bootstrap-icon{width:270px;top:-10% !important;left:50% !important}#hero-banner .content-img .photoshop-icon{width:180px;top:90% !important;left:100% !important}#hero-banner .content-img .css3-icon{width:160px;top:50% !important;left:10% !important}#hero-banner .content-img .html5-icon{width:170px;top:100% !important;left:50% !important}#hero-banner .content-img .js-icon{width:160px;top:40% !important;left:80% !important}#hero-banner .content-img .csharp-icon{width:80px;top:10% !important;left:80% !important}#hero-banner .content-img .sass-icon{width:160px;top:55% !important;left:40% !important}#hero-banner .content-img .netlify-icon{width:80px;top:65% !important;left:55% !important}#skills-section{width:100%;padding:4em 0;background-color:var(--color-light);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#skills-section ul{padding:2em 4em;display:flex;justify-content:center;list-style:none}#skills-section ul li{background-color:var(--color-white);margin:0 20px;padding:2em;border-radius:1em;text-align:center;color:var(--color-black)}#skills-section ul li img,#skills-section ul li svg{width:60px;transform:rotate(0deg)}#skills-section ul li p{font-size:1em;line-height:1.5em;opacity:.8}#portfolio-section{width:100%;padding:5em 0;background-color:var(--color-white);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#portfolio-section .row{padding:0 4em;display:flex;justify-content:center}#portfolio-section .row .col{padding:2em;width:50%;align-self:center}#portfolio-section .row .col .title{margin:0;text-transform:uppercase;color:var(--color-primary);font-weight:400}#portfolio-section .row .col h3{margin:0;color:var(--color-black);letter-spacing:.1em}#portfolio-section .row .col p{font-weight:400;color:var(--color-black);opacity:.6;margin-bottom:20px}#portfolio-section .row .col .btn-theme{width:130px;display:block;padding:.5em 1em .5em 0;margin:0 2px;color:var(--color-primary);position:relative;z-index:2;transition:.5s ease}#portfolio-section .row .col .btn-theme i{font-size:1em;margin-left:5px}#portfolio-section .row .col .btn-theme:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:3px;background-color:var(--color-primary);transition:.5s ease;z-index:-1}#portfolio-section .row .col .btn-theme:hover{padding:.5em 1em .5em 1em;-webkit-animation:hover-color-ani2 1s .5s normal forwards;animation:hover-color-ani2 1s .5s normal forwards}#portfolio-section .row .col .btn-theme:hover:after{width:100%;-webkit-animation:hover-ani2 1s .5s normal forwards;animation:hover-ani2 1s .5s normal forwards}@keyframes hover-ani2{from{height:3px}to{height:100%}}@keyframes hover-color-ani2{from{color:var(--color-primary)}to{color:var(--color-white)}}#portfolio-section .row .col img{border-radius:1em}footer{width:100%;padding:1em 0;background-color:var(--color-light);text-align:center}footer h1{margin:0;color:var(--color-primary);cursor:pointer}footer h5{margin-bottom:10px;font-weight:500}footer ul{display:flex;justify-content:center;list-style:none}footer ul li a{padding:5px}footer ul li a img{width:20px}@media only screen and (min-width: 1550px){header{width:80%;margin:0 auto}#hero-banner{width:80%;height:70vh;margin:0 auto}#hero-banner .content-img{height:100%}#skills-section{margin:0 auto}#portfolio-section{width:80%;margin:0 auto}}@media only screen and (max-width: 991px){header .logo{font-size:1.1em;padding:1.5em 2em 1em}header nav{width:auto}header nav ul{padding:1.5em 2em 1em}#hero-banner{height:60vh}#hero-banner .content,#hero-banner .content-img{width:auto;text-align:center}#hero-banner .content-img{display:none}#hero-banner .content h1{font-size:2em;margin-bottom:10px}#hero-banner .content h5{margin:0;letter-spacing:.03em;font-size:1em}#hero-banner .content .btn-theme{width:130px;display:block;padding:.5em 1em .5em 0;margin:20px auto;color:var(--color-secondary);position:relative;z-index:2;transition:.5s ease}#hero-banner .content .btn-theme i{font-size:1em;margin-left:5px}#hero-banner .content .btn-theme:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:3px;background-color:var(--color-primary);transition:.5s ease;z-index:-1}#hero-banner .content .btn-theme:hover{padding:.5em 1em .5em 1em;-webkit-animation:hover-color-ani2 1s .5s normal forwards;animation:hover-color-ani2 1s .5s normal forwards}#hero-banner .content .btn-theme:hover:after{width:100%;-webkit-animation:hover-ani2 1s .5s normal forwards;animation:hover-ani2 1s .5s normal forwards}@-webkit-keyframes hover-ani2{from{height:3px}to{height:100%}}@keyframes hover-ani2{from{height:3px}to{height:100%}}@-webkit-keyframes hover-color-ani2{from{color:var(--color-primary)}to{color:var(--color-white)}}@keyframes hover-color-ani2{from{color:var(--color-primary)}to{color:var(--color-white)}}#hero-banner .content-img{background-color:var(--color-primary)}#skills-section{padding:2em 0}#skills-section ul{padding:2em 2em}#skills-section ul li{margin:0 5px}#portfolio-section{padding:5em 0}#portfolio-section .row{padding:0 2em}#portfolio-section .row .col{padding:1em;width:auto}#portfolio-section .row .col img{border-radius:1em}footer h1{font-size:1.5em}}@media only screen and (max-width: 754px){header .logo .typing_cursor{display:none}header .logo .text{display:none}}@media only screen and (max-width: 600px){header .logo{padding:1.5em 0em 1em 1em}header nav ul{padding:1.5em 1em 1em 0em}header nav ul li a{padding:.3em .5em}header nav ul li a:after{display:none}header nav ul li a:hover{opacity:.8}@-webkit-keyframes hover-color-ani{from{color:var(--color-white)}to{color:var(--color-white)}}@keyframes hover-color-ani{from{color:var(--color-white)}to{color:var(--color-white)}}#hero-banner{height:80vh}#hero-banner .content-img{display:none}#hero-banner .content h5{font-size:.9em}#skills-section{padding:2em 0}#skills-section ul{padding:2em 2em;flex-direction:column}#skills-section ul li{margin:10px 0px}#portfolio-section .row{padding:0em 1em;flex-direction:column}#portfolio-section .row:nth-child(2),#portfolio-section .row:nth-child(4){flex-direction:column-reverse}footer h1{padding:0 1em;font-size:1em}}@media only screen and (max-width: 378px){header nav ul li:nth-child(1){display:none}}/*# sourceMappingURL=style.css.map */