@import "https://fonts.googleapis.com/css2?family=Radley:ital@0;1&display=swap";
@import "https://fonts.googleapis.com/css2?family=Meow+Script&display=swap";
@import "https://fonts.googleapis.com/css2?family=Cookie&display=swap";
@import "https://fonts.googleapis.com/css2?family=Limelight&display=swap";
.circular-wrapper{width:300px;height:300px;position:relative}.circular-text svg{width:100%;height:100%;animation:10s linear infinite rotate}.circular-text text{fill:#f99dc2;letter-spacing:4px;text-transform:uppercase;font-size:12px}.circular-image{z-index:2;border-radius:50%;width:200px;height:200px;position:absolute;inset:50%;overflow:hidden;transform:translate(-50%,-50%)}.circular-image img{object-fit:cover;width:100%;height:100%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.workProjects{margin:300px 0;padding:0}.workProjects__presentation{flex-direction:column;justify-content:center;align-items:center;display:flex}.workProjects__title{color:#f99dc2;text-align:center;padding-bottom:20px;font-family:Cookie,cursive;font-size:3.1rem}@media (min-width:300px) and (max-width:830px){.workProjects__title{margin:0;padding:0 0 20px}}.workProjects__description{color:#f5f5f5;margin-bottom:60px;font-size:1.4rem}@media (min-width:300px) and (max-width:830px){.workProjects__description{text-align:center;padding:5px}}.workProjects__workcontainer{flex-direction:row;justify-content:center;gap:25px;padding:40px 0;display:flex}@media (min-width:300px) and (max-width:830px){.workProjects__workcontainer{flex-direction:column;align-items:center;width:auto;margin:0;padding:5px;display:flex}}@media (min-width:800px) and (max-width:1000px){.workProjects__workcontainer{flex-direction:column;align-items:center;display:flex}}.workProjects__worksection{flex-direction:column;gap:16px;width:500px;padding:20px;display:flex;position:relative}@media (min-width:300px) and (max-width:830px){.workProjects__worksection{width:auto;margin:0;padding:0}}.workProjects__worksection:before{content:"";background:linear-gradient(90deg,#ee0261,#f99dc266,#0000);border-top-left-radius:20px;width:100%;height:4px;position:absolute;top:0;left:0}.workProjects__subtitle{color:#fff;text-align:center;padding:5px 0 10px}.workProjects__workcontent{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}@media (min-width:300px) and (max-width:830px){.workProjects__workcontent{flex-direction:column;justify-content:center;align-items:center;gap:20px}}.workProjects__subt{color:#fff;margin:0;padding:0;font-size:1.2rem}.workProjects__imagecontainer{border-radius:20px;flex-shrink:0;width:180px;height:380px;transition:all .5s;position:relative;overflow:hidden}.workProjects__imagecontainer img{object-fit:cover;border-radius:20px;width:100%;height:100%;transition:transform .5s;display:block}.workProjects__imagecontainer:before{content:"";opacity:0;z-index:2;pointer-events:none;background:linear-gradient(120deg,#0000 30%,#0ff9,#f0f6,#0000 70%);width:200%;height:200%;transition:all .8s;position:absolute;top:-50%;left:-50%;transform:rotate(-45deg)}.workProjects__imagecontainer:hover{transform:scale(1.05);box-shadow:0 0 30px #d7f6f699}.workProjects__imagecontainer:hover img{transform:scale(1.1)}.workProjects__imagecontainer:hover:before{opacity:1;transform:rotate(-45deg)translateY(100%)}.workProjects__arrowWrapper{justify-content:flex-end;width:100%;display:flex}@media (min-width:300px) and (max-width:830px){.workProjects__arrowWrapper{justify-content:flex-start;padding:5px 0 20px 10px}}.workProjects__arrowLink{color:#fff;font-size:3rem;font-weight:700;text-decoration:none;transition:transform .3s}.workProjects__arrowLink button{cursor:pointer;color:#fff;background-color:#0000;border-left:5px solid #ee0261;padding:2px 30px;font-size:1.4rem;font-weight:700}.workProjects__arrowLink button:hover{color:#27282a;background-color:#f5f5f5;font-size:1.6rem}.workProjects__arrowLink:hover{transform:translate(10px)}
.skills{color:#fff;margin:120px 60px}.skills__subtitle{padding:10px 0 30px}.skills__paragra{margin:10px 0 200px}.skills__content{flex-flow:wrap;justify-content:center;align-items:center;gap:70px;width:45%;margin:100px auto;display:flex}.skills__skillsubtitle{text-align:center;color:#fff;padding:20px 0;font-size:1.5rem}.skill-item{opacity:0;transition:opacity 2s ease-out,transform 2s ease-out;transform:translateY(100px)}.skill-item.visible{opacity:1;transform:translateY(0)}