@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,400&display=swap);header[data-v-5a040c4a]{position:fixed;top:0;left:0;padding:15px 0;width:100%;background:#1f242d;display:flex;justify-content:space-around;align-items:center;z-index:100}.description[data-v-5a040c4a]{line-height:24px;font-weight:300;letter-spacing:.5px}.logo[data-v-5a040c4a]{width:35vw;font-size:25px;color:#fff;text-decoration:none;font-weight:600;cursor:default;opacity:0;animation:slideRight-5a040c4a 1s ease forwards}.navbar a[data-v-5a040c4a]{display:inline-block;font-size:18px;color:#fff;text-decoration:none;font-weight:500;margin-right:35px;opacity:0;animation:slideTop-5a040c4a .5s ease forwards;animation-delay:calc(.1s*var(--i));transition:all 1s linear}.navbar a.active[data-v-5a040c4a],.navbar a[data-v-5a040c4a]:hover{color:#0ef}.home-content[data-v-5a040c4a]{flex-basis:350px}.home-img img[data-v-5a040c4a]{width:35vw;opacity:0;animation:zoomIn-5a040c4a 1s ease forwards,floatImage-5a040c4a 4s ease-in-out infinite;animation-delay:2s,3s}.home-content h3[data-v-5a040c4a]{font-size:32px;font-weight:700;opacity:0;animation:slideBottom-5a040c4a 1s ease forwards;animation-delay:.7s;width:35vw}.home-content h3[data-v-5a040c4a]:nth-of-type(2){margin-bottom:30px;opacity:0;animation:slideTop-5a040c4a 1s ease forwards;animation-delay:.7s}.home-content h3 span[data-v-5a040c4a]{color:#0ef}.cursor[data-v-5a040c4a]{display:inline-block;margin-left:3px;width:4px;background-color:#0ef;animation:cursorBlink-5a040c4a .5s infinite}.cursor.typing[data-v-5a040c4a]{animation:none}.home-content h1[data-v-5a040c4a]{font-size:56px;font-weight:700;margin:-3px 0;opacity:0;animation:slideRight-5a040c4a 1s ease forwards;animation-delay:1s}.home-content p[data-v-5a040c4a]{font-size:16px;opacity:0;animation:slideLeft-5a040c4a 1s ease forwards;animation-delay:1s}.home[data-v-5a040c4a]{position:relative;width:100%;height:100vh;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;padding:70px 10% 0}.social-media a[data-v-5a040c4a]{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;background:transparent;border:2px solid #0ef;border-radius:50%;font-size:20px;color:#0ef;text-decoration:none;margin:20px;transition:.5s ease;opacity:0;animation:slideLeft-5a040c4a 1s ease forwards;animation-delay:1s;margin-left:60px}.social-media a[data-v-5a040c4a]:hover{background:#0ef;color:#1f242d;box-shadow:0 0 20px #0ef}.btn[data-v-5a040c4a]{display:inline-block;padding:12px 28px;background:#0ef;border-radius:40px;box-shadow:0 0 10px #0ef;font-size:16px;color:#1f242d;letter-spacing:1px;text-decoration:none;font-weight:600;transition:.5s ease;opacity:0;animation:slideTop-5a040c4a 1s ease forwards;animation-delay:2s}.btn[data-v-5a040c4a]:hover{color:#1f242d;box-shadow:0 0 20px #0ef}.heading[data-v-5a040c4a]{padding-top:2rem;text-align:center;font-size:2.5rem;letter-spacing:3px}.heading span[data-v-5a040c4a]{color:#0ef}.portfolio[data-v-5a040c4a]{background-color:#323946;padding-top:20px;padding-bottom:30px}.portfolio h2[data-v-5a040c4a]{margin-bottom:2rem}.portfolio .portfolio-container[data-v-5a040c4a]{margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;box-sizing:border-box;max-width:1000px}.portfolio .portfolio-container .portfolio-box[data-v-5a040c4a]{position:relative;flex-basis:350px;height:250px;margin:20px;border-radius:2rem;flex-grow:1;box-shadow:0 0 1rem #1f242d;overflow:hidden;display:flex}.portfolio .portfolio-container .portfolio-box img[data-v-5a040c4a]{width:100%;transition:.5s ease}.portfolio .portfolio-container .portfolio-box img[data-v-5a040c4a]:hover{transform:scale(1.1)}.mainColor[data-v-5a040c4a]{background:#1f242d}.portfolio-box .portfolio-layer[data-v-5a040c4a]{padding:20px;position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.1),#0ef);display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:0 3rem;transform:translateY(100%);transition:.5s ease}.portfolio-box:hover .portfolio-layer[data-v-5a040c4a]{transform:translateY(0)}.portfolio-layer h4[data-v-5a040c4a]{font-size:1.5rem}.portfolio-layer p[data-v-5a040c4a]{font-size:1rem;margin:10px}.portfolio-layer a[data-v-5a040c4a]{display:inline-flex;justify-content:center;background:#1f242d;border-radius:50%;align-items:center;width:2.5rem;height:2.5rem;background:#fff}.footer[data-v-5a040c4a]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:1rem 5%;background:#323946}@keyframes cursorBlink-5a040c4a{49%{background-color:#0ef}40%{background-color:transparent}99%{background-color:#0ef}}@keyframes slideRight-5a040c4a{0%{transform:translateX(-100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideTop-5a040c4a{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideBottom-5a040c4a{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideLeft-5a040c4a{0%{transform:translateX(100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes zoomIn-5a040c4a{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes floatImage-5a040c4a{0%{transform:translateY(0)}50%{transform:translateY(-24px)}to{transform:translateY(0)}}@media screen and (max-width:774px){.btn[data-v-5a040c4a]{margin:0;padding:15px 32px;font-size:18px}.navbar a[data-v-5a040c4a]{margin:0 15px;font-size:22px}.home[data-v-5a040c4a]{padding:60px 5%}.home-content h1[data-v-5a040c4a]{font-size:32px;margin:3px 0}.home-content h3[data-v-5a040c4a]{font-size:24px;width:100%}.home-content p[data-v-5a040c4a]{font-size:4vw;text-align:justify}.home-content[data-v-5a040c4a]{text-align:center;flex-basis:100%}.logo[data-v-5a040c4a]{display:none;margin-left:35px}.social-media a[data-v-5a040c4a]{margin:40px;width:50px;height:50px;font-size:22px}.home-img img[data-v-5a040c4a]{width:70vw;margin-top:30px}}@media screen and (max-width:400px){.navbar a[data-v-5a040c4a]{font-size:18px}.home-content p[data-v-5a040c4a]{font-size:3.5vw;text-align:justify}.social-media a[data-v-5a040c4a]{margin:20px}.btn[data-v-5a040c4a]{margin:0;padding:12px 28px;font-size:16px}.home-content h3[data-v-5a040c4a]{width:100%}.portfolio .portfolio-container .portfolio-box[data-v-5a040c4a]{margin:20px 0}.portfolio[data-v-5a040c4a]{padding:0 5%}footer p[data-v-5a040c4a]{font-size:10px}.home-img img[data-v-5a040c4a]{width:60vw;margin-top:45px}}html{scroll-behavior:smooth}#app{font-family:Roboto,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:#1f242d;color:#fff}.header{position:fixed;top:0;left:0;width:100%;padding:20px 10%;background:transparent;display:flex;justify-content:space-between;align-items:center;z-index:100}