img[data-v-d52ce6d4]{height:2rem;width:2rem}.flex-center[data-v-d52ce6d4],.social-links[data-v-d52ce6d4]{display:flex;justify-content:center;align-items:center}.social-btn[data-v-d52ce6d4]{cursor:pointer;height:3rem;width:3rem;font-family:Titillium Web,sans-serif;color:#333;border-radius:10px;background:#fff;margin:5px;transition:.3s;justify-content:center}.social-btn svg[data-v-d52ce6d4]{height:24px;width:24px}.social-btn span[data-v-d52ce6d4]{width:0;overflow:hidden;transition:.3s;text-align:center;margin-left:5px;font-weight:700}.social-btn[data-v-d52ce6d4]:hover{width:20rem;border-radius:5px}.social-btn:hover span[data-v-d52ce6d4]{padding:2px;width:16rem}#twitter svg[data-v-d52ce6d4]{fill:#1da1f2}#linkedin svg[data-v-d52ce6d4]{fill:#0e76a8}#github[data-v-d52ce6d4]{fill:#333}#welcome[data-v-7381e824]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;color:#0d2233;padding:0 2rem 0 12vw}.main[data-v-7381e824]{flex:1;width:100%}.illustration[data-v-7381e824]{flex:0 0 50%;text-align:center}.illustration img[data-v-7381e824]{width:100%}.title[data-v-7381e824]{font-size:5rem;font-weight:700;margin-left:1rem;margin-bottom:0}.icons[data-v-7381e824]{display:flex;margin:.5rem 0}.btn[data-v-7381e824]{padding:1.1em 2em;background:none;border:2px solid #fff;font-size:.8rem;color:#131313;cursor:pointer;position:relative;overflow:hidden;transition:all .3s;border-radius:12px;background-color:#fde03d;font-weight:bolder;box-shadow:0 2px 0 2px #0d2233}.btn[data-v-7381e824]:before{content:"";position:absolute;width:100px;height:120%;background-color:#eb6942;top:50%;transform:skewX(30deg) translate(-150%,-50%);transition:all .5s}.btn[data-v-7381e824]:hover{background-color:#43c6ee;color:#fff;box-shadow:0 2px 0 2px #0d3b66}.btn[data-v-7381e824]:hover:before{transform:skewX(30deg) translate(150%,-50%);transition-delay:.1s}.btn[data-v-7381e824]:active{transform:scale(.9)}.mouse[data-v-7381e824]{margin-top:5rem}@media (orientation:portrait){.title[data-v-7381e824]{font-size:5rem}#welcome[data-v-7381e824]{padding:1rem}.illustration[data-v-7381e824]{display:none}.main[data-v-7381e824]{padding:auto;text-align:center}.main p[data-v-7381e824]{font-size:1rem}.mouse[data-v-7381e824]{display:none}.icons a[data-v-7381e824]{margin:2rem auto}.btn[data-v-7381e824]{font-size:1rem}}.card[data-v-4002b4de]{position:relative;background:#fff;border:8px solid #020214;box-shadow:-30px 30px #000;transition:all .2s ease-in-out;display:flex;flex-direction:column;justify-content:center;cursor:pointer}img[data-v-4002b4de]{width:100%;height:100%}.card[data-v-4002b4de]:hover{transform:translateX(-30px) translateY(30px);box-shadow:0 0 #333}.card .img-card[data-v-4002b4de]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:filter .2s ease-in-out .1s}.card:hover .img-card[data-v-4002b4de]{filter:blur(2px)}.card .mask[data-v-4002b4de]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);text-align:center;line-height:250px;font-weight:700;font-size:3rem;opacity:0;color:#000}.card:hover .mask[data-v-4002b4de]{opacity:1;transition:opacity .3s ease-in-out .1s}.card .info-card[data-v-4002b4de]{width:100%;bottom:0;left:0;right:0;border-top:6px solid #333;background-color:#56b3ff;color:#fff}.card .info-card .text[data-v-4002b4de]{margin:1rem 2rem}.card .technologies[data-v-4002b4de]{margin:.5rem}.card .info-card .technologies .technology-item[data-v-4002b4de]{display:inline-block;padding:5px 10px;background-color:#fff;color:#000;border-radius:50px;height:1rem;font-size:.8rem;padding:.3rem .8rem;margin:5px;border:1px solid #a0a0a0}.card .info-card .technologies .technology-item .technology-icon[data-v-4002b4de]{max-height:100%;width:auto;vertical-align:middle;margin-right:5px}@media (orientation:portrait){.card[data-v-4002b4de]{border:4px solid #020214;box-shadow:-10px 10px #000}.card .info-card .text[data-v-4002b4de]{margin:0 1rem}.card[data-v-4002b4de]:hover{transform:none;box-shadow:-10px 10px #000}.card:hover .img-card[data-v-4002b4de]{filter:none}.card:hover .mask[data-v-4002b4de]{opacity:0}}.project-boxes[data-v-3e05d02e]{display:flex;justify-content:space-around;width:100%;flex-wrap:wrap}.project[data-v-3e05d02e]{width:30rem;margin:2rem}@media (orientation:portrait){.project[data-v-3e05d02e]{width:40rem;margin-left:3rem}}#aboutme[data-v-0eb3c9dc]{display:flex;align-items:center;padding:5vm}#introduction[data-v-0eb3c9dc]{margin:5rem 3rem;width:40%;color:#171a4b}#introduction p[data-v-0eb3c9dc]{font-size:1.1rem;line-height:1.7rem}#my-skills[data-v-0eb3c9dc]{margin:auto 3rem;width:40%;font-size:1.6rem}#skills[data-v-0eb3c9dc]{display:flex;flex-wrap:wrap;align-items:flex-start}.skill[data-v-0eb3c9dc]{padding:1rem 2rem;background:hsla(0,0%,60%,.2);border-radius:5px;color:#666}.skill-item[data-v-0eb3c9dc]{display:inline-block;background-color:#fff;color:#000;border-radius:50px;margin-right:6px;height:1.8vw;padding:.3rem 1.2rem;margin:.5vw;border:1px solid #474747;font-size:.8rem}.skill-icon[data-v-0eb3c9dc]{max-height:100%;width:auto;vertical-align:middle}.email-link[data-v-0eb3c9dc]{display:flex;justify-content:center;align-items:center;border-radius:5px;background:#56b3ff;box-shadow:0 6px 24px 0 rgba(0,0,0,.2);overflow:hidden;border:none;margin:1rem 0;text-decoration:none;position:relative}.email-link[data-v-0eb3c9dc]:after{content:" ";width:0;height:100%;background:#ffdc2b;position:absolute;transition:all .4s ease-in-out;right:0}.email-link[data-v-0eb3c9dc]:hover:after{right:auto;left:0;width:100%}.email-link span[data-v-0eb3c9dc]{text-align:center;text-decoration:none;width:100%;padding:18px 25px;color:#fff;font-size:2em;font-weight:700;z-index:20;transition:all .3s ease-in-out}.email-link:hover span[data-v-0eb3c9dc]{color:#152941;animation:scaleUp .3s ease-in-out}@media (orientation:portrait){#introduction[data-v-0eb3c9dc],#my-skills[data-v-0eb3c9dc]{margin:0;width:100%}.skill-item[data-v-0eb3c9dc]{height:1.2rem;font-size:1rem}}.contact-container[data-v-623bcca4]{display:flex;flex-direction:column;align-items:center}h1[data-v-623bcca4]{font-size:2rem;margin-top:1rem;margin-bottom:1rem}.mail-icon[data-v-623bcca4]{width:5rem;margin-top:1rem;margin-bottom:2rem;filter:brightness(0) invert(1)}.email-link[data-v-623bcca4]{cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:5px;background:#56b3ff;box-shadow:0 6px 24px 0 rgba(0,0,0,.2);overflow:hidden;border:none;margin:1rem 0;text-decoration:none;position:relative;width:auto}.email-link[data-v-623bcca4]:after{content:" ";width:0;height:100%;background:#ffdc2b;position:absolute;transition:all .4s ease-in-out;right:0}.email-link[data-v-623bcca4]:hover:after{right:auto;left:0;width:100%}.email-link span[data-v-623bcca4]{text-align:center;text-decoration:none;width:100%;padding:18px 25px;color:#fff;font-size:2em;font-weight:700;z-index:20;transition:all .3s ease-in-out}.email-link:hover span[data-v-623bcca4]{color:#152941;animation:scaleUp-623bcca4 .3s ease-in-out}@keyframes scaleUp-623bcca4{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@media screen and (max-width:768px){h1[data-v-623bcca4]{font-size:2rem;margin-top:.5rem;margin-bottom:.5rem}.mail-icon[data-v-623bcca4]{width:3rem;margin-top:.5rem;margin-bottom:1rem}.email-link[data-v-623bcca4]{margin:.5rem 0;width:auto}.email-link span[data-v-623bcca4]{padding:12px 20px;font-size:1.5rem}}*{padding:0;margin:0;font-size:1vw}#app{height:100%;width:100%;color:#13172e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;box-sizing:border-box}section{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}section h1{font-size:3em;margin-bottom:2em}#welcome{background-color:#fafcff;padding:0}#projects{background-color:#32425a;color:#e6e6e6}#aboutme{background-color:#fff}#contact{background-color:#32425a;color:#e6e6e6}.sidebar{position:fixed;top:50%;right:-400px;transform:translateY(-50%);display:flex;flex-direction:column;text-transform:uppercase;transition:right .8s ease-in-out}.sidebar a{margin-bottom:10px;padding:10px;color:#030111;text-decoration:none;color:#fff;font-weight:700}.sidebar a:hover{transform:scale(1.1)}section{padding:10rem}@media (orientation:portrait){*{font-size:3vw}#aboutme{flex-direction:column}section{padding:3rem}.sidebar{display:none}}