html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{background-image:url(/assets/general-background-ZEKIIgy0.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;font-family:Jacques Francois,serif;font-style:normal;font-weight:400}footer{background:#393e46;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;height:75px;display:flex}footer div{text-align:center;color:#ececec}footer a{color:#f96d00}footer a:hover{color:#ececec}.nav{z-index:1000;background:#393e46;justify-content:center;align-items:center;width:100%;height:100px;display:flex;position:fixed;top:0;left:0}.nav-components img{object-fit:cover;width:160px;height:100px}@media (width<=600px){.nav{height:50px}.nav-components img{width:80px;height:50px}}#hero{justify-content:center;align-items:center;min-height:100vh;display:flex}.content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:25px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content-info h2{font-size:2.5em}.content-info p{font-size:1.5em}.profile{object-fit:cover;z-index:999;border:5px dotted #ff4500;border-radius:45%;width:350px;height:350px;transition:transform .3s}.profile:hover{border:4px solid #ff4500;transform:scale(1.1)}.icon{position:absolute}.java{width:15%;transition:transform .3s;top:30%;right:12%;transform:rotate(-15deg)}.java:hover{transform:scale(1.1)}.spring{width:12%;transition:transform .3s;bottom:15%;left:12%;transform:rotate(15deg)}.spring:hover{transform:scale(1.1)}.kafka{width:18%;transition:transform .3s;bottom:20%;right:12%;transform:rotate(-15deg)}.kafka:hover{transform:scale(1.1)}.code{width:13%;transition:transform .3s;top:30%;left:12%;transform:rotate(15deg)}.code:hover{transform:scale(1.1)}@media (width<=767px){.profile{width:250px;height:250px}.content h2{color:#222831;font-size:2.2rem}.content p{color:#222831;font-size:1.2rem;text-decoration:underline}.java{width:20%;top:15%;right:7%}.code{width:20%;top:15%;left:7%}.spring{width:20%;bottom:7%;left:7%}.kafka{width:25%;bottom:8%;right:7%}}.aboutMe{flex-direction:column;justify-content:center;align-items:center;gap:50px;width:100%;height:70vh;display:flex}.aboutMe h2{text-align:center;font-size:2rem}.aboutMe .aboutMe-container{color:#fff;text-align:center;background-color:#393e46;border-radius:50px;justify-content:center;align-items:center;width:75%;height:550px;font-size:2rem;display:flex}.aboutMe .accounts-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:50%;height:250px;display:flex}.aboutMe .accounts-container h4{font-size:1.75rem}.aboutMe .accounts-container .accounts-img-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:35px;display:flex}.accounts-img-container img{width:50px}.aboutMe .accounts-container .moreDetails{font-size:1.1rem}.aboutMe .accounts-container .moreDetails a{color:#f96d00}@media (width<=768px){.aboutMe{gap:50px}.aboutMe h2{text-align:center;font-size:1.75rem}.aboutMe .aboutMe-container{font-size:.8rem}.aboutMe .accounts-container h4{font-size:1.5rem}.accounts-img-container img{width:45px;height:45px}}@media (width>=769px) and (width<=1280px){.aboutMe{gap:30px}.aboutMe .aboutMe-container{font-size:1.5rem}@media (width<=320px){.aboutMe .aboutMe-container{font-size:.7rem}}}#experience{flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;height:700px;margin-top:40px;display:flex}#experience h2{font-size:2.2rem}.experince-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.works-container{justify-content:center;align-items:center;gap:30px;width:100%;display:flex}.workName{font-size:1.4rem}.workPosition{font-size:1.1rem}.worked{text-align:center;margin-top:25px;margin-bottom:25px;font-size:2rem}.worked-container{justify-content:center;align-items:center;gap:30px;display:flex}.worked-container div{font-size:1.5rem}.worked-container div strong{color:#f96d00}#experience h4{text-align:center;margin-top:35px;font-size:2rem}.techStack-container{justify-content:center;align-items:center;display:flex}.techStack-container img{width:90%}@media (width<=768px){.worked-container,.works-container{flex-direction:column}}#contactme{flex-direction:column;justify-content:center;align-items:center;width:100%;height:550px;display:flex}#contactme h2{color:#222831;font-size:2.5rem}#contactme form{background-color:#393e46;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:40%;height:350px;padding:20px;display:flex}#contactme form input{color:#fff;background:#222831;width:90%;height:60px;padding-left:5px}#contactme input::placeholder{color:#fff;font-size:1.2rem}#contactme form button{color:#fff;background-color:#385170;width:150px;height:30px}#contactme p{text-align:center;overflow-wrap:break-word;word-break:break-word;max-width:90%;margin-top:20px;font-size:1.5rem;line-height:1.4}@media (width<=2500px) and (width>=1280px){#contactme form{width:60%}}@media (width<=1700px){#contactme form{width:80%;height:200px}#contactme input::placeholder{color:#fff;font-size:1.2rem}@media (width<=768px){#contactme h2{font-size:2rem}#contactme p{font-size:1rem}}}