.btn-bg,.cta,.experience,.hero,.logo-container,.portfolio,.portfolio-skills,.skills,.wrapper,article,footer{display:flex}:root{--primary-font:"Poppins",sans-serif;--primary-bg-color:#ffffff;--primary-text-color:#000000;--secondary-color:#575757;--btn-bg-color:#2196f3;--cta-hover-color:#167bce;--btn-bg-light:#eeeeee;--dark-primary-bg-color:#222222;--dark-primary-text-color:#ffffff;--dark-secondary-color:#828282;--dark-btn-bg-color:#1e88e5;--dark-cta-hover-color:#0d5e8c;--dark-btn-bg-light:#eeeeee}.dark-theme{--primary-bg-color:var(--dark-primary-bg-color);--primary-text-color:var(--dark-primary-text-color);--btn-bg-color:var(--dark-btn-bg-color);--cta-hover-color:var(--dark-cta-hover-color);--btn-bg-light:var(--dark-btn-bg-light);--secondary-color:#080808}body{margin:0;font-family:var(--primary-font, "Arial, sans-serif");background-color:var(--primary-bg-color);color:var(--primary-text-color)}.theme-btn{position:relative;left:8.5rem}h1,h2,h3,p{margin:0;cursor:default}.hero,.portfolio,.skills{flex-direction:column}.btn-bg,.hero,.portfolio,.skills{align-items:center}.experience,.hero,.wrapper{text-align:center}.wrapper{flex-direction:column;margin:20px}.hero,.logo-container,.portfolio,.skills,article{gap:1rem}.hero-pic{width:8rem;height:8rem;border-radius:50%;overflow:hidden;position:relative}.inner-circle{content:"";position:absolute;top:.1rem;left:.1rem;bottom:.1rem;right:.1rem;border-radius:50%;border:.18rem solid var(--primary-bg-color);z-index:1}.hero-pic img,.wrapper img{width:100%}.hero-pic img{height:100%;object-fit:cover;object-position:top 0.4rem right -1.3rem;transform:scale(1.9)}.hero-info h1,h2{font-weight:400}.hero-info h2,article p{color:#2092f6}.hero-info h2{font-size:1rem;margin:0 0 1rem}.btn-bg,.cta,.experience,.logo-container,.portfolio-skills,footer{justify-content:center}.logo-container a,.logo-container img,.theme-btn{height:1.5rem}.experience{margin:1.4rem auto auto;max-width:30rem}.experience b{font-weight:500}.experience h2{width:30%;font-weight:300;font-size:.9rem}.cta{margin-top:1.2rem}.btn-bg,.cta{gap:2rem}.btn,.btn-2,.btn-bg{border-radius:.7rem;border:none}.btn,.btn-2,.btn-bg,.wrapper h3{font-weight:600}.btn,.btn-2,.btn-bg,.project-wrapper,.wrapper{transition:transform .3s cubic-bezier(.175, .885, .32, 1.275),background-color .3s ease,var(--primary-bg-color) .3s ease}.download-btn:hover{background-color:var(--cta-hover-color)}.btn-2:hover,.contact-btn:hover,.download-btn:hover,.theme-btn,.wrapper img:hover{cursor:pointer}.btn-2:hover,.btn:hover,.logo-container a:hover,.project-wrapper:hover{transform:scale(.98)}.btn-2:active,.btn:active,.logo-container a:active,.project-wrapper:active{transform:scale(1)}.contact-btn:hover,.download-btn{background-color:var(--btn-bg-color);color:#fff}.contact-btn:hover{transition:background-color .3s,color .3s}.active-btn,.btn-2:hover{background-color:#1e88e5;color:#fff}.btn,.btn-2{height:3rem}.btn{width:9rem}.btn-2{width:8.5rem}.download-btn{transition:background-color .3s}.portfolio-skills{height:4rem;margin-top:1.5rem;position:relative}.btn-bg,.wrapper{width:20rem}.btn-bg,article p{background-color:var(--btn-bg-light)}.hero,.portfolio,.skills{margin-top:2rem}.skills{display:none}.wrapper img{border-radius:1rem}.wrapper h3,article{margin-bottom:1.5rem}article{flex-wrap:wrap}article p{border-radius:.5rem;flex-grow:20;padding:1rem}footer{margin:3rem 0}@media screen and (min-width:900px){.portfolio,.skills{flex-direction:row;width:45rem}.skills{margin:2rem auto 0}.portfolio{margin:2rem auto;flex-wrap:wrap;justify-content:flex-start}.wrapper{width:calc(48%);flex:auto}}