:root{--color-background: #FFDD55;--color-background-mute: #00C6AE;--color-background-secondary: #106EE8;--color-background-oran: #EB7711;--color-background-prp: #A259FF}body{margin:0;padding:0;box-sizing:border-box;min-height:100vh;background-color:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header[data-v-e6c86186]{display:flex;width:100%;justify-content:space-around;align-items:center;background-color:#000;border-bottom-left-radius:3rem;border-bottom-right-radius:3rem}.logo-container[data-v-e6c86186],.navigation[data-v-e6c86186]{display:flex;align-items:center}.nav-list[data-v-e6c86186]{display:flex;justify-content:space-between;flex-direction:row;list-style:none;margin:0;padding:0}.nav-list li[data-v-e6c86186]{margin:0 1rem}.nav-list a[data-v-e6c86186]{text-decoration:none;color:#fff;font-size:2rem;font-weight:700;cursor:pointer}.menu-toggle[data-v-e6c86186]{display:none;background:none;border:none;cursor:pointer;font-size:2rem;color:#fff}.menu-icon[data-v-e6c86186]:before{content:"☰"}@media (max-width: 768px){.header[data-v-e6c86186]{justify-content:center;position:relative;border-radius:0}.logo-container[data-v-e6c86186]{position:absolute;left:50%;transform:translate(-50%)}.navigation[data-v-e6c86186]{width:100%;flex-direction:column;align-items:flex-start}.nav-list[data-v-e6c86186]{display:none;flex-direction:column;width:100%}.nav-list.active[data-v-e6c86186]{display:flex}.nav-list li[data-v-e6c86186]{margin:1rem 0}.menu-toggle[data-v-e6c86186]{display:block}}.hello-container[data-v-1c50d256]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.hello[data-v-1c50d256]{display:flex;flex-direction:column;font-size:4rem;font-family:Montserrat;font-weight:800}.hello p[data-v-1c50d256]:last-of-type{font-size:1.5rem;color:#474a57;font-weight:600;margin-top:-4rem}#button-container[data-v-1c50d256]{position:relative;display:inline-block}button[data-v-1c50d256]{width:11rem;height:3rem;border-radius:.8rem;border:none;background-color:#000;color:#fff;font-weight:700;font-size:1.54rem;z-index:1;cursor:pointer;position:relative;transition:all .4s ease-in-out}button[data-v-1c50d256]:hover{background-color:#fff;color:#000}.shadow[data-v-1c50d256]{position:absolute;background-color:var(--color-background-mute);height:3rem;width:11rem;border-radius:.8rem;z-index:-1;transform:translateY(-3.4rem);left:.3rem}#caric[data-v-1c50d256]{margin-top:2rem;margin-left:10rem;width:40rem;border-radius:50%;background-color:var(--color-background-mute);margin-bottom:5rem}@media (max-width: 1600px){#caric[data-v-1c50d256]{width:20rem;margin-left:15rem}.hello[data-v-1c50d256]{display:flex;flex-direction:column;font-size:4rem;font-family:Montserrat,sans-serif;font-weight:800}.introduce[data-v-1c50d256]{font-size:2rem}}@media (max-width: 1000px){#caric[data-v-1c50d256]{width:20rem;margin-left:4rem}.hello[data-v-1c50d256]{display:flex;flex-direction:column;font-size:3rem;font-family:Montserrat,sans-serif;font-weight:800}.introduce[data-v-1c50d256]{font-size:2rem}}.networks[data-v-da3121ea]{position:fixed;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;padding:1rem}.networks img[data-v-da3121ea]{width:5rem;filter:grayscale(100%) opacity(60%);transition:.3s ease}.networks img[data-v-da3121ea]:hover{filter:grayscale(0%) opacity(100%)}@media (max-width: 768px){.networks img[data-v-da3121ea]{display:none}}div h2[data-v-a6fe9c17],div h4[data-v-a6fe9c17],p[data-v-a6fe9c17]{margin:0}.about-container[data-v-a6fe9c17]{background-color:var(--color-background-secondary);max-width:90%;height:40rem;border-radius:5rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;margin:auto}.img-container[data-v-a6fe9c17]{position:relative;background-color:var(--color-background-mute);max-width:22rem;border:.2rem solid #000;box-shadow:5px 5px 15px #0000004d;left:-5rem;transition:all .6s ease}#myself[data-v-a6fe9c17]{width:22rem;position:inherit}.img-container[data-v-a6fe9c17]:hover{transform:translateY(-2rem) translate(-2rem);box-shadow:1rem 1rem #000}.text-container[data-v-a6fe9c17]{max-width:50%}.text-container[data-v-a6fe9c17] *{margin:1rem 0}div h2[data-v-a6fe9c17]{font-family:Montserrat,sans-serif;font-weight:800;font-size:4rem;color:#fff;line-height:2.5rem}div h4[data-v-a6fe9c17]{font-family:Montserrat,sans-serif;font-weight:700;font-size:2rem;color:#fd5}p[data-v-a6fe9c17]{max-width:80%;color:#fff;font-family:Montserrat,sans-serif;font-weight:700;font-size:1.5rem}@media (max-width: 1400px){.about-container[data-v-a6fe9c17]{flex-direction:row;flex-wrap:wrap;height:auto;border-radius:.8rem}.img-container[data-v-a6fe9c17]{display:none}.text-container[data-v-a6fe9c17]{max-width:80%;padding:3rem}div h2[data-v-a6fe9c17]{font-size:3rem}div h4[data-v-a6fe9c17]{font-size:1.5rem}div p[data-v-a6fe9c17]{max-width:95%;font-size:1rem;text-align:justify}}.project[data-v-18e692aa]{box-sizing:border-box;border-radius:1rem;background-color:var(--color-background-prp);display:flex;flex-direction:column;padding:2rem 4rem;box-shadow:1rem 1rem 1rem #000;color:#fff;margin:2rem 4rem;width:25%;height:40rem}h2[data-v-18e692aa]{text-align:center;font-family:Montserrat,sans-serif;font-weight:800;font-size:3rem;overflow-block:clip}p[data-v-18e692aa]{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.1rem;margin:0 0 2rem}#description[data-v-18e692aa]{width:100%;height:30%}.technologies[data-v-18e692aa]{display:flex;flex-direction:row;height:10%;width:100%;justify-content:center;margin-bottom:.9rem}button[data-v-18e692aa]{border:none;background-color:var(--color-background);margin:.5rem 0;padding:.8rem 2rem;border-radius:.4rem;text-decoration:none;font-size:1.2rem;font-weight:700;width:100%}button[data-v-18e692aa]:hover{background-color:#0acf83;color:#fff}@media (max-width: 1400px){.project[data-v-18e692aa]{width:45%;height:50rem;gap:2rem}}@media (max-width: 1000px){.project[data-v-18e692aa]{box-sizing:inherit}.technologies[data-v-18e692aa]{height:7%}}@media (max-width: 800px){.project[data-v-18e692aa]{height:40rem}h2[data-v-18e692aa]{font-size:1.8rem}p[data-v-18e692aa]{font-size:1rem;text-align:center}}.projects-container[data-v-a60ac950]{margin-top:5rem;padding-top:4rem;padding-bottom:4rem;width:100%;flex-wrap:wrap;background-color:var(--color-background-oran)}.projects-header[data-v-a60ac950]{display:flex;flex-direction:column;width:100%;height:15rem}h1[data-v-a60ac950]{font-family:Montserrat,sans-serif;font-size:5rem;font-weight:800;margin:auto;color:#000}p[data-v-a60ac950]{font-family:Montserrat,sans-serif;font-size:1.5rem;text-align:center;font-weight:600;color:#fff;margin-top:-3rem}.projects[data-v-a60ac950]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}@media (max-width: 1400px){h1[data-v-a60ac950]{font-size:2.5rem}p[data-v-a60ac950]{font-size:1rem;padding:.5rem}.projects[data-v-a60ac950]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}}@media (max-width: 1000px){.projects[data-v-a60ac950]{margin-left:-1rem}}.container[data-v-6a3d645f]{display:flex;flex-direction:column;height:20rem;align-items:center;justify-content:center;background-color:#0acf83;margin:5rem 0}p[data-v-6a3d645f]{text-align:center;color:#fff;font-weight:800;font-size:3rem;font-family:Montserrat,sans-serif}button[data-v-6a3d645f]{width:30%;height:4rem;border-radius:3rem;background-color:var(--color-background);font-size:180%;font-weight:600;transition:.3s;cursor:pointer;box-shadow:.6rem .9rem #000}button[data-v-6a3d645f]:hover{background-color:var(--color-background-prp)}@media screen and (max-width: 800px){button[data-v-6a3d645f]{width:70%}}.networks[data-v-05ee7e5c]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;height:8rem}.networks img[data-v-05ee7e5c]{width:5rem;filter:grayscale(100%) opacity(60%);transition:.3s ease}.networks img[data-v-05ee7e5c]:hover{filter:grayscale(0%) opacity(100%)}