.main{padding-top:8rem}.title{min-height:100vh;text-align:center}.contact-to-me-p,.skill-title{text-align:justify;text-align-last:center;place-self:center}.title__text{display:flex;justify-content:center;align-items:center;flex-direction:column}.title__img-wrapper{max-width:600px;justify-self:center;position:relative;margin-left:auto;margin-right:auto}.title__img-top{max-width:40%;height:auto;position:absolute;top:-15%;left:-30%;animation:4s linear infinite roleUp;transform-origin:center!important}@keyframes roleUp{0%{transform:rotate(0) translateX(20%) rotate(0)}100%{transform:rotate(360deg) translateX(20%) rotate(-360deg)}}.title__img{width:100%;height:100%}.title__text-sub{margin:2rem 0;justify-self:center;font-size:16px}.contact-to-me-btn{margin:0 auto!important;justify-self:center}.contact-to-me,.skills{margin-top:4rem}.skills-wrapper{position:relative;box-shadow:var(--box-shadow);padding:1.4rem 1.4rem 8rem;border-radius:4px;z-index:20}.skills-box{margin-top:3rem;display:flex;flex-direction:column;gap:2.2rem}.skill-title{margin:10rem 0 8rem;max-width:800px!important;padding:1rem!important}.contact-to-me-wrapper div{margin-top:2rem;gap:1rem}.contact-to-me-p{margin-top:2rem}.req-to-develop{margin:14rem 0 0}.req-to-develop__sub-wrapper,.req-to-develop__title-wrapper{text-align:center}.req-to-develop__sub{opacity:0;pointer-events:none;visibility:hidden;display:inline-block;margin-bottom:.5rem}.add-animate-to-dev{opacity:1;pointer-events:all;visibility:visible;animation:2.4s ease-out forwards realisticBounce}.req-to-develop__sub span{display:inline-block;font-size:1rem;transform-origin:bottom center;padding:.6rem 1.2rem}@keyframes realisticBounce{0%{transform:translateY(-200%) scaleY(1.1) scaleX(.9) rotate(0);opacity:0}30%{transform:translateY(0) scaleY(.9) scaleX(1.1) rotate(-4deg);opacity:1}50%{transform:translateY(-30%) scaleY(1.05) scaleX(.95) rotate(3deg)}70%{transform:translateY(0) scaleY(.95) scaleX(1.05) rotate(-2deg)}85%{transform:translateY(-15%) scaleY(1.02) scaleX(.98) rotate(1deg)}100%{transform:translateY(0) rotate(-3deg)}}.req-to-develop-wrapper,.req-to-develop__sub-wrapper span{color:#f8f8f8;background-color:#3e3a78;box-shadow:0 8px 20px rgba(0,0,0,.1);border-radius:10px}.req-to-develop-wrapper{position:relative;padding:2rem 1rem}.about-site-img,.skills-img-wrapper{left:4px;top:4px;z-index:10}.req-to-develop__title:not(:last-child){margin-bottom:1rem}@media only screen and (max-width:1200px){.title__img-wrapper{max-width:400px}.title__img-top{top:0}}@media only screen and (max-width:920px){.req-to-develop__title{max-width:450px;place-self:center}.about-site-img{width:14%}.contact-to-me-p:not(:last-child){max-width:520px;line-height:28px}}@media only screen and (min-width:720px) and (max-width:995px){.text-box-icon-wrapper{max-width:80%}}@media only screen and (max-width:800px){.title__img-wrapper{max-width:350px}}@media only screen and (max-width:680px){.title__img-top{max-width:40%;left:-20%}}@media only screen and (max-width:620px){.skills-info{margin-top:1.2rem}}@media only screen and (max-width:550px){.title__img-wrapper{max-width:285px}.text-box-grey{font-size:14px}}@media only screen and (max-width:450px){.title__img-wrapper{max-width:250px;margin-top:4rem}.title__text-sub{max-width:213px!important}.title__img-top{top:-25%;left:0}.skills{margin-top:0}.req-to-develop__title{font-size:14px}}@media only screen and (max-width:410px){.title__img-wrapper{max-width:220px}.title__img-top{left:-6%}}@media only screen and (max-width:320px){.title__img-top{left:0}}