*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{background-color:#fff;font-family:Roboto,sans-serif;font-size:120%;font-weight:400;color:#585858;text-decoration:none;line-height:1.4rem}@media only screen and (min-width:768px){body{color:#282922}}a,button{margin:0;padding:0;border:none;background:transparent;outline:none;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;cursor:pointer;line-height:1.8rem}a{color:#1f73bc}button:focus{outline:none}input,textarea{border:none;padding:.5rem 1.5rem;border-radius:1.5rem;margin-bottom:1rem;line-height:1.8rem;color:#4c4c4c;font-family:Roboto,sans-serif}@media only screen and (min-width:768px){input,textarea{border:1px solid #585858}}h1{font-size:2.5rem;text-transform:uppercase;line-height:2.5rem}h2{font-size:2rem;line-height:2rem}h3{font-size:1.875rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{font-size:.875em}h1,h2,h3,h4,h5,h6{font-weight:600}h1,h2,h3,h4,h5,h6,p:not(:last-child){margin:0 0 15px}#root{height:100%}.codeplayer{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:space-evenly;align-items:center}.codeplayer:after{background:url(/bg.svg) no-repeat 50%;background-size:cover;top:0;left:0;content:"";width:100%;height:100vh;z-index:-1;position:fixed}@media only screen and (min-width:768px){.codeplayer:after{background-position:100% 0;width:28%;left:auto;right:0}.codeplayer.home:after{width:31%}}.header{width:100%;padding:0 2rem}.header .main-logo{z-index:1}.header .main-logo .logo-desktop{display:none}@media only screen and (min-width:768px){.header .main-logo .logo-desktop{display:block}.header .main-logo .logo-mobile{display:none}}.social-icons ul{list-style:none;display:flex;justify-content:flex-end}.social-icons ul li{margin:0 .5rem}.social-icons ul li svg{color:#fff}@media only screen and (min-width:768px){.social-icons{flex-basis:100%}}@media only screen and (min-width:992px){.social-icons{flex-basis:auto}}.social-icons{display:none}.social-icons a{color:#585858}@media only screen and (min-width:768px){.social-icons{display:inline-block}}.container{max-width:1170px;margin:0 auto;padding:2rem 0;text-align:center}@media only screen and (min-width:768px){.container{text-align:left}}.content{padding:2rem;width:100%}.content h2{position:relative;margin-bottom:2rem}.content h2:after{content:"";position:absolute;border:1px solid #1f73bc;bottom:-1rem;width:10%;margin:auto;left:0;right:0}@media only screen and (min-width:768px){.content h2:after{right:auto;width:3rem;bottom:-.5rem}}.flex-cont{display:flex;justify-content:space-between;align-items:center;flex-direction:column;padding-top:0}@media only screen and (min-width:768px){.flex-cont{flex-direction:row-reverse;justify-content:space-between;align-items:flex-start}}.flex-cont .sec-divs{width:100%}.flex-cont .sec-divs h1,.flex-cont .sec-divs p{color:#282922}@media only screen and (min-width:768px){.flex-cont .sec-divs{flex-basis:70%}.flex-cont .sec-divs h1,.flex-cont .sec-divs p{color:#282922}}@media only screen and (min-width:992px){.flex-cont .sec-divs{padding-right:2rem}}ul.mb0 li p{margin-bottom:0}.sec-skills{display:flex;justify-content:flex-end;align-items:center;flex-basis:100%}@media only screen and (min-width:768px){.sec-skills{padding-left:0;flex-basis:30%;display:none}}@media only screen and (min-width:992px){.sec-skills{display:flex}}.sec-skills ul{list-style:none}.sec-skills .home-skills{display:none;margin:0 2rem}.sec-skills .home-skills li{line-height:2rem;color:#fff}@media only screen and (min-width:768px){.sec-skills .home-skills{display:block}}.infoSec{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;max-width:1170px;margin:0 auto}.infoSec .home-icon{color:#585858}.infoSec .home-icon svg{font-size:2rem}@media only screen and (min-width:768px){.infoSec .home-icon{display:none}}.about-me{background:linear-gradient(90deg,#fff,#1f73bc);border-radius:4px;margin-bottom:1rem;padding:1rem;overflow:hidden;max-width:100%}.about-me img{width:100%;border-radius:10px;display:block;object-fit:contain}@media only screen and (min-width:768px){.about-me{max-width:500px;margin:4rem 0;flex-basis:400px}}.about-section{padding:0 2rem}.about-section .Work-postion{margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1rem;color:#1f73bc}.about-section .Work-postion svg{margin-right:.5rem}.btn{text-align:center;padding:.55rem 1.5rem .5rem;text-decoration:none;border-radius:25px;font-weight:600;font-size:1rem;display:inline-block;margin-bottom:2rem}.btn+.btn{margin-left:1rem}.btn svg{margin-right:.5rem}.btn.primary{background:#fff;color:#1f73bc;display:flex;width:-moz-fit-content;width:fit-content}.btn.primary svg{width:24px;height:24px}.btn.primary:hover{background-color:#1f73bc;color:#fff}@media only screen and (min-width:768px){.btn.primary{border:1px solid #1f73bc;color:#1f73bc}}.btn.secondary{background:#fff;color:#1f73bc}.btn.secondary:hover{background-color:#4c4c4c;color:#fff}@media only screen and (min-width:768px){.btn.secondary{border:1px solid #4c4c4c;color:#4c4c4c}}ul.tech-skills{list-style:none;display:flex;justify-content:space-between;flex-wrap:wrap}ul.tech-skills li{background-color:#fff;flex-basis:100%;margin-bottom:2rem;box-shadow:0 0 6px #585858;border-radius:3px;padding:1rem;color:#4c4c4c}ul.tech-skills li strong{margin-bottom:.4rem;display:inline-block}@media only screen and (min-width:768px){ul.tech-skills li{flex-basis:48%}}hr{margin-bottom:1rem;height:1px;border:none;background-color:#1f73bc}@media only screen and (min-width:768px){hr{background-color:#585858}}.address-info{margin-bottom:1rem;color:#1f73bc;display:flex}.address-info svg{width:24px;height:24px;display:inline-block;margin-right:12px}.formelement{width:100%}.formelement ul{list-style:none;display:flex}.formelement ul li{flex-shrink:0}.formelement input,.formelement textarea{width:100%}.popup-content{border:none;border-radius:10px;width:100%;height:100%;color:#282922;overflow-y:scroll}@media only screen and (min-width:768px){.popup-content{max-width:600px;height:auto}}