@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Ubuntu:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Arvo&display=swap);*{scroll-behavior:smooth}:root{--primary-color:#067a75;--black-color:#067a75;--white-color:#fff;--hover-color:#091618}body{background-color:#091618;font-family:Ubuntu,sans-serif}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{border-radius:12px;-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#067a75;background:var(--primary-color)}@media (max-width:1000px){.about .about-details{flex-direction:column;justify-content:center}.about .about-details .left{display:flex;justify-content:center;width:100%}.about .about-details .right{margin:40px 0;width:90%}}@media (max-width:900px){.about .left img{height:350px;width:350px}}@media (max-width:665px){.skills .skills-details{align-items:center;flex-direction:column;justify-content:center}.skills-details .text{margin-bottom:50px;width:100%}.skills-details .boxes{align-items:center;justify-content:center;width:100%}.services .boxes .box{margin:20px 0;width:100%}}a{display:inline-block;line-height:3em;margin:42;padding:120;text-decoration:none}section{padding-top:40px}section .content{font-family:Poppins,sans-serif;margin:40px auto;width:80%}section .title{display:flex;justify-content:center;margin-bottom:40px}section .title span{color:var(--black-color);font-size:30px;font-weight:600;padding-bottom:8px;position:relative}section .title span:before{background:var(--primary-color);bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}section .title span:after{bottom:-7px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:70%}.about .about-details{align-items:center;background-color:#091618;display:flex;justify-content:space-between}.about .about-details .left{width:45%}.about .left img{border-radius:12px;height:360px;object-fit:cover;width:300px}.about .about-details .right{width:55%}section .topic{color:var(--black-color);font-size:25px;font-weight:500;margin-bottom:10px}.about-details .right p{color:var(--black-color);text-align:justify}section .button{margin:16px 0}section .button a{background:var(--primary-color);border:2px solid transparent;border-radius:4px;color:var(--white-color);cursor:pointer;font-size:25px;font-weight:400;outline:none;padding:8px 16px;transition:all .4s ease}section .button a:hover{background-color:var(--white-color);border-color:var(--primary-color);color:var(--primary-color)}main{-webkit-animation:rotateAngle 6s linear infinite;animation:rotateAngle 6s linear infinite;-webkit-transform:rotatex(10deg);transform:rotatex(10deg)}.contact_button{background:#fff;border:none;border-radius:.4em;cursor:pointer;font-family:Work Sans,sans-serif;font-size:1.4em;font-weight:500;letter-spacing:.04em;margin:.5em 0;mix-blend-mode:color-dodge;padding:.8em 2.2em;-webkit-perspective:500px;perspective:500px;position:relative;text-transform:uppercase}.contact_button,.contact_button:after,.contact_button:before{display:block;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.contact_button:after,.contact_button:before{--z:0px;border-radius:inherit;content:"";height:100%;left:0;mix-blend-mode:inherit;opacity:0;position:absolute;top:0;-webkit-transform:translate3d(calc(var(--z)*0px),calc(var(--z)*0px),calc(var(--z)*0px));transform:translate3d(calc(var(--z)*0px),calc(var(--z)*0px),calc(var(--z)*0px));width:100%}.contact_button:after{background-color:#067a75}.contact_button:before{background-color:#ff1731}.contact_button:hover{background-color:#000;color:#fff;transition:.3s .1s}.contact_button:hover:before{--z:0.04}.contact_button:hover:after,.contact_button:hover:before{-webkit-animation:translateWobble 2.2s ease forwards;animation:translateWobble 2.2s ease forwards}.contact_button:hover:after{--z:-0.06}@-webkit-keyframes rotateAngle{0%{-webkit-animation-timing-function:cubic-bezier(.61,1,.88,1);animation-timing-function:cubic-bezier(.61,1,.88,1);-webkit-transform:rotateY(0deg) rotateX(10deg);transform:rotateY(0deg) rotateX(10deg)}25%{-webkit-transform:rotateY(20deg) rotateX(10deg);transform:rotateY(20deg) rotateX(10deg)}50%{-webkit-animation-timing-function:cubic-bezier(.61,1,.88,1);animation-timing-function:cubic-bezier(.61,1,.88,1);-webkit-transform:rotateY(0deg) rotateX(10deg);transform:rotateY(0deg) rotateX(10deg)}75%{-webkit-transform:rotateY(-20deg) rotateX(10deg);transform:rotateY(-20deg) rotateX(10deg)}to{-webkit-transform:rotateY(0deg) rotateX(10deg);transform:rotateY(0deg) rotateX(10deg)}}@keyframes rotateAngle{0%{-webkit-animation-timing-function:cubic-bezier(.61,1,.88,1);animation-timing-function:cubic-bezier(.61,1,.88,1);-webkit-transform:rotateY(0deg) rotateX(10deg);transform:rotateY(0deg) rotateX(10deg)}25%{-webkit-transform:rotateY(20deg) rotateX(10deg);transform:rotateY(20deg) rotateX(10deg)}50%{-webkit-animation-timing-function:cubic-bezier(.61,1,.88,1);animation-timing-function:cubic-bezier(.61,1,.88,1);-webkit-transform:rotateY(0deg) rotateX(10deg);transform:rotateY(0deg) rotateX(10deg)}75%{-webkit-transform:rotateY(-20deg) rotateX(10deg);transform:rotateY(-20deg) rotateX(10deg)}to{-webkit-transform:rotateY(0deg) rotateX(10deg);transform:rotateY(0deg) rotateX(10deg)}}@-webkit-keyframes translateWobble{0%{opacity:0;-webkit-transform:translate3d(calc(var(--z)*0px),calc(var(--z)*0px),calc(var(--z)*0px));transform:translate3d(calc(var(--z)*0px),calc(var(--z)*0px),calc(var(--z)*0px))}16%{-webkit-transform:translate3d(calc(var(--z)*160px),calc(var(--z)*160px),calc(var(--z)*160px));transform:translate3d(calc(var(--z)*160px),calc(var(--z)*160px),calc(var(--z)*160px))}28%{opacity:1;-webkit-transform:translate3d(calc(var(--z)*70px),calc(var(--z)*70px),calc(var(--z)*70px));transform:translate3d(calc(var(--z)*70px),calc(var(--z)*70px),calc(var(--z)*70px))}44%{-webkit-transform:translate3d(calc(var(--z)*130px),calc(var(--z)*130px),calc(var(--z)*130px));transform:translate3d(calc(var(--z)*130px),calc(var(--z)*130px),calc(var(--z)*130px))}59%{-webkit-transform:translate3d(calc(var(--z)*85px),calc(var(--z)*85px),calc(var(--z)*85px));transform:translate3d(calc(var(--z)*85px),calc(var(--z)*85px),calc(var(--z)*85px))}73%{-webkit-transform:translate3d(calc(var(--z)*110px),calc(var(--z)*110px),calc(var(--z)*110px));transform:translate3d(calc(var(--z)*110px),calc(var(--z)*110px),calc(var(--z)*110px))}88%{opacity:1;-webkit-transform:translate3d(calc(var(--z)*90px),calc(var(--z)*90px),calc(var(--z)*90px));transform:translate3d(calc(var(--z)*90px),calc(var(--z)*90px),calc(var(--z)*90px))}to{opacity:1;-webkit-transform:translate3d(calc(var(--z)*100px),calc(var(--z)*100px),calc(var(--z)*100px));transform:translate3d(calc(var(--z)*100px),calc(var(--z)*100px),calc(var(--z)*100px))}}@keyframes translateWobble{0%{opacity:0;-webkit-transform:translate3d(calc(var(--z)*0px),calc(var(--z)*0px),calc(var(--z)*0px));transform:translate3d(calc(var(--z)*0px),calc(var(--z)*0px),calc(var(--z)*0px))}16%{-webkit-transform:translate3d(calc(var(--z)*160px),calc(var(--z)*160px),calc(var(--z)*160px));transform:translate3d(calc(var(--z)*160px),calc(var(--z)*160px),calc(var(--z)*160px))}28%{opacity:1;-webkit-transform:translate3d(calc(var(--z)*70px),calc(var(--z)*70px),calc(var(--z)*70px));transform:translate3d(calc(var(--z)*70px),calc(var(--z)*70px),calc(var(--z)*70px))}44%{-webkit-transform:translate3d(calc(var(--z)*130px),calc(var(--z)*130px),calc(var(--z)*130px));transform:translate3d(calc(var(--z)*130px),calc(var(--z)*130px),calc(var(--z)*130px))}59%{-webkit-transform:translate3d(calc(var(--z)*85px),calc(var(--z)*85px),calc(var(--z)*85px));transform:translate3d(calc(var(--z)*85px),calc(var(--z)*85px),calc(var(--z)*85px))}73%{-webkit-transform:translate3d(calc(var(--z)*110px),calc(var(--z)*110px),calc(var(--z)*110px));transform:translate3d(calc(var(--z)*110px),calc(var(--z)*110px),calc(var(--z)*110px))}88%{opacity:1;-webkit-transform:translate3d(calc(var(--z)*90px),calc(var(--z)*90px),calc(var(--z)*90px));transform:translate3d(calc(var(--z)*90px),calc(var(--z)*90px),calc(var(--z)*90px))}to{opacity:1;-webkit-transform:translate3d(calc(var(--z)*100px),calc(var(--z)*100px),calc(var(--z)*100px));transform:translate3d(calc(var(--z)*100px),calc(var(--z)*100px),calc(var(--z)*100px))}}.home{width:100%}.home,.left-side{display:flex;height:100vh}.left-side{align-items:center}.text{width:100%}.home .side-image{align-items:center;display:flex;height:100vh;justify-content:center}.home .home-content{height:100vh;margin:auto;width:90%}.home .text-one{color:var(--black-color);font-size:25px}.home .text-third{color:var(--primary-color)}.home .text-four{color:var(--black-color);font-size:23px;margin:5px 0}.home .button{margin:14px 0}p{color:var(--primary-color)}.home .button button{background:var(--primary-color);border:2px solid transparent;border-radius:6px;color:var(--white-color);cursor:pointer;font-size:25px;font-weight:400;outline:none;padding:8px 16px;transition:all .4s ease}.home .button button:hover{background-color:var(--white-color);border-color:var(--primary-color);color:var(--primary-color)}.span{color:#faebd7;font-family:Ubuntu,sans-serif;font-size:55px;font-weight:200;letter-spacing:.15rem;z-index:4}.loader span{-webkit-animation:loading 1s ease-in-out infinite alternate;animation:loading 1s ease-in-out infinite alternate;color:#faebd7;text-shadow:0 0 0 #faebd7}@-webkit-keyframes loading{to{color:#ff0266;text-shadow:20px 0 70px #ff0266}}@keyframes loading{to{color:#ff0266;text-shadow:20px 0 70px #ff0266}}.loader span:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.loader span:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.loader span:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}.loader span:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}.loader span:nth-child(6){-webkit-animation-delay:.5s;animation-delay:.5s}.loader span:nth-child(7){-webkit-animation-delay:.6s;animation-delay:.6s}.loader span:nth-child(8){-webkit-animation-delay:.7s;animation-delay:.7s}.loader span:nth-child(9){-webkit-animation-delay:.8s;animation-delay:.8s}.loader span:nth-child(10){-webkit-animation-delay:.9s;animation-delay:.9s}.loader span:nth-child(11){-webkit-animation-delay:1s;animation-delay:1s}.loader span:nth-child(12){-webkit-animation-delay:1.1s;animation-delay:1.1s}.loader span:nth-child(13){-webkit-animation-delay:1.2s;animation-delay:1.2s}.loader span:nth-child(14){-webkit-animation-delay:1.3s;animation-delay:1.3s}.loader span:nth-child(15){-webkit-animation-delay:1.4s;animation-delay:1.4s}.loader span:nth-child(16){-webkit-animation-delay:1.5s;animation-delay:1.5s}.loader span:nth-child(17){-webkit-animation-delay:1.6s;animation-delay:1.6s}.loader span:nth-child(18){-webkit-animation-delay:1.7s;animation-delay:1.7s}.loader span:nth-child(19){-webkit-animation-delay:1.8s;animation-delay:1.8s}.loader span:nth-child(20){-webkit-animation-delay:1.9s;animation-delay:1.9s}.loader span:nth-child(21){-webkit-animation-delay:2s;animation-delay:2s}.loader span:nth-child(22){-webkit-animation-delay:2.1s;animation-delay:2.1s}@media only screen and (max-width:600px){.text-three{font-size:.5em!important}.left-side{height:100%;margin:90px 0}.home .side-image{align-items:center;display:flex;height:40vh;justify-content:center;width:100%}}.i-right{flex:31 1}.i-bg{background-color:#59b256;-webkit-clip-path:polygon(100% 0,100% 51%,100% 100%,25% 100%,0 50%,25% 0);clip-path:polygon(100% 0,100% 51%,100% 100%,25% 100%,0 50%,25% 0);height:100%;position:absolute;right:0;top:0;width:50%}.services .boxes{display:flex;flex-wrap:wrap;justify-content:space-between}.services .boxes .box{border-radius:12px;box-shadow:0 5px 10px rgba(0,0,0,.12);cursor:default;margin:20px 0;padding:30px 10px;text-align:center;transition:all .4s ease;width:calc(33.33333% - 20px)}.box-service,.service-box{color:#067a75;text-align:center}.box-service{border-radius:12px;box-shadow:0 5px 10px rgba(0,0,0,.12);cursor:default;margin:20px 0;padding:30px 10px;transition:all .4s ease}.box-service:hover{background:#067a75;color:#fff}.box-service .icon{color:#fff;font-size:18px;height:50px;line-height:50px;margin:0 auto 10px;text-align:center;transition:all .4s ease;width:50px}.box-service:hover .icon{color:#fff}.img-skill,.other-skills{align-items:center;display:flex;justify-content:center}.other-skills{color:var(--primary-color)}.border-skill-bottom{border-bottom:3px solid var(--primary-color);margin:0 auto;width:10vw}.img-item img{height:66px}.skills{background-color:#091618}.skills-display{display:flex;justify-content:space-between}.skills .content{padding:40px 0}.skills .skills-details{align-items:center;display:flex;justify-content:space-around}.skills-details .text{width:50%}.skills-details p{color:var(--black-color);text-align:justify}.skills .skills-details .experience{align-items:center;display:flex;margin:0 10px}.skills-details .experience .num{color:var(--black-color);font-size:80px}.skills-details .experience .exp{color:var(--black-color);font-size:18px;font-weight:500;margin:0 6px}.skills-details .boxes{padding:0 2em;width:100%}.skills-details .box{margin:20px 0;width:calc(50% - 20px)}.skills-details .boxes .topic{color:var(--primary-color);font-size:20px}.skills-details .boxes .per{color:var(--primary-color);font-size:60px}.progress-bar-section li{color:#ffebcd;font-weight:500;list-style:none;margin:2.5em 0;position:relative;text-transform:uppercase;width:100%}.progress-bar-section li p{color:#fff;margin-top:-2em}.progress-bar-section ul{padding:0}h2.text-center.customize-caption span{color:var(--primary-color)}.progress-bar-section li:before{background-color:hsla(0,0%,100%,.8);width:100%}.progress-bar-section li:after,.progress-bar-section li:before{border-radius:1000px;content:"";height:10px;left:0;position:absolute;top:calc(100% + 10px)}.progress-bar-section li:after{-webkit-animation:6s ease infinite;animation:6s ease infinite;background:var(--primary-color);width:0}.progress-bar-section li.html:after{-webkit-animation-name:html;animation-name:html}@-webkit-keyframes html{to{width:90%}}@keyframes html{to{width:90%}}.progress-bar-section li.css:after{-webkit-animation-name:css;animation-name:css}@-webkit-keyframes css{to{width:80%}}@keyframes css{to{width:80%}}.progress-bar-section li.js:after{-webkit-animation-name:js;animation-name:js}@-webkit-keyframes js{to{width:85%}}@keyframes js{to{width:85%}}.progress-bar-section li.ng:after{-webkit-animation-name:ng;animation-name:ng}@-webkit-keyframes ng{to{width:80%}}@keyframes ng{to{width:80%}}.progress-bar-section li.bootstrap:after{-webkit-animation-name:bootstrap;animation-name:bootstrap}@-webkit-keyframes bootstrap{to{width:90%}}@keyframes bootstrap{to{width:90%}}.progress-bar-section li.node:after{-webkit-animation-name:node;animation-name:node}@-webkit-keyframes node{to{width:60%}}@keyframes node{to{width:60%}}.progress-bar-section li.express:after{-webkit-animation-name:express;animation-name:express}@-webkit-keyframes express{to{width:70%}}@keyframes express{to{width:70%}}.progress-bar-section li{display:flex;justify-content:space-between}.progress-bar-section li p{font-size:12px;margin:bottom 10px!important;padding:0 2px;position:relative;top:17px}.draw-border{box-shadow:inset 0 0 0 4px #067a75;color:#067a75;position:relative;transition:color .25s .0833333333s}.draw-border:after,.draw-border:before{border:0 solid transparent;bottom:0;box-sizing:border-box;content:"";height:0;pointer-events:none;position:absolute;right:0;width:0}.draw-border:before{border-bottom-width:4px;border-left-width:4px}.draw-border:after{border-right-width:4px;border-top-width:4px}.draw-border:hover{color:#e6234d}.draw-border:hover:after,.draw-border:hover:before{border-color:#e6234d;height:100%;transition:border-color 0s,width .25s,height .25s;width:100%}.draw-border:hover:before{transition-delay:0s,0s,.25s}.draw-border:hover:after{transition-delay:0s,.25s,0s}.btn{background:none;border:none;cursor:pointer;letter-spacing:.05rem;line-height:1.5;font:700 1.2rem Roboto Slab,sans-serif;padding:1em 2em}.btn:focus{outline:2px dotted #55d7dc}.project-container{padding-top:10em}.project-heading{color:#067a75;display:flex;justify-content:center}.project-heading span{color:#fff;font-size:bold}.hideButton{display:none}.tech{background-color:#b9b9b9!important;border-radius:5px;color:#000;margin:10px 10px 0 0}.tech-container{display:flex;flex-wrap:wrap;margin:0 1rem}.border{background-color:#0d3d3b;height:2px}.bottom-div{background-color:#067a75;display:flex;height:100%;justify-content:flex-start;padding-left:1.5em}.card{height:60vh}.box{transition:.3s;transition:1s}.box:hover{background-color:transparent;-webkit-transform:scale(1.05) translate(-1px,-15px);transform:scale(1.05) translate(-1px,-15px);transition:.6s}.card-content{background-color:#067a75}@media only screen and (max-width:600px){.card{height:auto}}.form-container{background-color:#172a45;border-radius:5px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);margin:2rem auto;padding:40px;position:relative;text-align:center}.form-label{background:#fff;color:#288cf0;left:3rem;margin:0;padding:.5rem 1rem;position:absolute;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.form-label:after,.form-label:before{content:"";height:50%;left:0;position:absolute;width:100%;z-index:-1}.form-label:before{background:#ecf0f1;top:0}.form-label:after{background:#fff;bottom:0}.message-form-control{background-color:#fff;border:none;border-radius:0;border-radius:5px;box-shadow:0 0 0 1px #288cf0;padding:1rem;transition:all .5s ease;width:100%}.message-form-control:focus{box-shadow:0 0 0 2px #288cf0;outline:0}.message-form-control::-webkit-input-placeholder{color:#288cf0;font-size:18px;line-height:100px;margin:0 auto;-webkit-transition:all .25s ease;transition:all .25s ease}.message-form-control:focus::-webkit-input-placeholder{font-size:12px;line-height:12px;padding-left:0}.button-tow{background:#067a75;border-radius:0;border-radius:5px;color:#fff;font-family:Roboto,sans-serif;font-weight:700;letter-spacing:1px;margin-top:40px;text-align:center}.button-tow :hover{background:#067a74e3;color:#fff}.button-tow .raised{box-shadow:0 2px 5px 0 transparent;transition:box-shadow .25s cubic-bezier(.4,0,.2,1)}.button-tow.raised:hover{box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}.button-tow.raised:active{box-shadow:0 8px 17px 0 rgba(0,0,0,.2)}.group{margin-bottom:45px;position:relative}input{background:transparent;background:#fff;border:none;border-bottom:1px solid #288cf0;border-radius:5px;display:block;font-size:18px;padding:10px 10px 10px 5px;width:100%}input:focus{outline:none}label{color:#288cf0;font-size:18px;font-weight:400;left:5px;pointer-events:none;position:absolute;top:10px;transition:all .25s ease}input:focus~label,input:valid~label{color:#288cf0;font-size:14px;top:-20px}.bar{display:block;position:relative;width:50%}.bar:after,.bar:before{background:#288cf0;bottom:1px;content:"";height:2px;position:absolute;transition:all .2s ease;width:0}.bar:before{left:100%}.bar:after{right:0}input:focus~.bar:after,input:focus~.bar:before{width:100%}.highlight{height:60%;left:0;opacity:.5;pointer-events:none;position:absolute;top:25%;width:100px}input:focus~.highlight{-webkit-animation:inputHighlighter .3s ease;animation:inputHighlighter .3s ease}@-webkit-keyframes inputHighlighter{0%{background:#5264ae}to{background:transparent;width:0}}@keyframes inputHighlighter{0%{background:#5264ae}to{background:transparent;width:0}}.contact-s-l-hover:hover{color:#ff0266;cursor:pointer;text-decoration:underline}.contact-s-l-hover{color:#fff;text-decoration:underline}footer{color:#fff;font-family:Poppins,sans-serif;padding:15px 0;text-align:center}footer .text span{color:var(--white-color);font-size:17px;font-weight:400}footer .text span a{color:#067a75;font-weight:500}footer .text span a:hover{color:#e6234d!important;text-decoration:underline}.social-icons a{align-items:center;border-radius:50%;color:#067a75;display:flex;height:40px;justify-content:center;margin:10px;width:40px}.social-icons{display:flex}.social i,.social-icons i{color:#067a75}.social-icons a:hover{background-color:#000;box-shadow:2px 2px 12px rgba(0,0,0,.2);transition:all .5s ease}.social a:hover i,.social-icons a:hover i{color:#067a75;margin-bottom:4px;transition:all .5s ease}.social{left:1em;position:fixed;top:50%}.social a{align-items:center;background-color:#fff;box-shadow:2px 2px 12px rgba(0,0,0,.2);display:flex;height:50px;justify-content:center;line-height:0px;margin:0;padding:0;width:50px}.social i{color:#2b2b2b;font-size:20px}.social-icons2 a{align-items:center;color:#067a75;display:flex;font-weight:600;justify-content:space-between;margin:20px 10px}.social-icons2{display:flex}.social-icons2 a:hover{color:#7e7d7d}.line{display:flex;justify-content:center}.bottomArrow{background-color:#fff;height:20vh;width:2px}.about-Container{padding-top:20vh}.About-text{color:#fff}.image-box{display:flex;justify-content:center;margin-bottom:5vh}.image-box .img-avatar{height:50%;width:50%}.skills{color:#fff}.skill-bottom{border-bottom:3px solid #fff;margin-bottom:2vh;width:20%}.contact-container{align-items:center;background-image:url(/static/media/2489630.69a57d62a42e82c90cd1.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:550px;justify-content:center;padding:0 5px;position:relative;width:100%}.contact-container:before{background:hsla(0,4%,5%,.527);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.contact-content{position:relative}.contact-content span{font-size:3em}.contact_border{border-bottom:3px solid #fff}.contact-button{background-color:#000;border:1px solid #000;border-radius:5px;color:#fff;cursor:pointer;padding:1em 1.5em}.contact-button:hover{color:#ff0266}.contact-box-button{align-items:center;display:flex;justify-content:center;margin-top:1em}.about-container-skill{display:flex;flex-wrap:wrap;margin:0 1rem}@media only screen and (max-width:600px){.contact-content span{font-size:15px}}.blog-container{align-items:center;display:flex;justify-content:center;margin:50px 0;width:100%}.left{border-radius:8px;height:350px;width:60%}.right_container{align-items:center;background-color:#172a45;border-radius:8px;color:#fff;display:flex;justify-content:center;margin-left:-50px;min-height:300px;padding:30px;width:40%}.right_container h1{font-size:40px;font-weight:lighter}.right_container p{font-weight:500;line-height:25px;margin:20px 0}.right_container a{background-color:#fff;color:#000;display:inline-block;letter-spacing:2px;padding:20px 30px;text-decoration:none;text-transform:uppercase}.right_container a:hover{background:#000;border-radius:8px;color:#ff0266;letter-spacing:.5rem}@media only screen and (max-width:665px){.blog-container{flex-direction:column;margin-bottom:20px;width:100%}.left{height:400px;width:100%}.right_container{margin:0;width:100%}}*{border:none;box-sizing:border-box;font-family:Arvo,serif;list-style:none;margin:0;outline:none;padding:0;text-decoration:none;transition:all .3s linear}header{background:#067a75;box-shadow:0 3px 8px rgba(0,0,0,.24);justify-content:space-between;left:0;padding:.5rem 5%;position:fixed;right:0;top:0;z-index:1000}header,header .logo{align-items:center;display:flex}header .navbar a{border-radius:.5rem;color:#edf2f4;font-size:.8rem;font-weight:700;padding:.5rem 1.5rem;text-transform:uppercase}.hover-underline-animation{color:#fff;display:inline-block;position:relative}.hover-underline-animation:after{background-color:#ff0266;bottom:0;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:100%}.hover-underline-animation:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}.hover-underline-animation:hover{color:#ff0266}header #menu-btn{color:#ef233c;cursor:pointer;display:none}header #menu-btn:hover{color:#edf2f4}@media (max-width:768px){header #menu-btn{display:inline-block}header #menu-btn.fa-times{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.header .navbar{background:#2b2d42;border-top:1px solid #8d99ae;-webkit-clip-path:polygon(50% 0,50% 0,50% 0,50% 0,50% 0);clip-path:polygon(50% 0,50% 0,50% 0,50% 0,50% 0);left:0;padding:2rem;position:absolute;right:0;top:99%}.header .navbar.active{-webkit-clip-path:polygon(100% 0,52% 0,0 0,0 100%,100% 100%);clip-path:polygon(100% 0,52% 0,0 0,0 100%,100% 100%)}.header .navbar a{display:block;margin:2rem;text-align:center}}
/*# sourceMappingURL=main.4bc6842e.css.map*/