@import"https://fonts.googleapis.com/css2?family=Aboreto&display=swap";:root{font-family:Aboreto,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;height:100vh;text-align:center}@keyframes bounce{0%{transform:translate(50%,-300%)}50%{transform:translate(50%,-325%)}to{transform:translate(50%,-300%)}}@keyframes float{0%{transform:translate(0)}25%{transform:translate(25%,25%)}50%{transform:translate(15%,25%)}to{transform:translate(0)}}.logo[data-v-a32cfb20]{height:32em;position:absolute;bottom:0;right:0}.ellipse[data-v-a32cfb20]{position:absolute;height:4em;bottom:50%;right:50%;transform:translate(50%,-300%);opacity:0}.arrow[data-v-a32cfb20]{position:absolute;height:1.5em;bottom:-5%;right:50%;transform:translate(50%,-300%);opacity:0;animation-name:bounce;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.hero[data-v-a32cfb20]{margin:4em 1em;font-size:4em;text-wrap:nowrap}p[data-v-a32cfb20]{position:absolute;top:0;right:0;transform:translate(-150%,150%);text-align:center;font-size:1.25em;width:25%;opacity:0}.tech[data-v-a32cfb20]{background-color:#fff;height:100%;width:100%;top:0;opacity:0;display:grid;position:fixed;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(6,1fr);grid-column-gap:0px;grid-row-gap:7px;align-items:center}.php[data-v-a32cfb20]{grid-area:2 / 2 / 4 / 4;font-size:3em;animation-name:float;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.65,.05,.36,1)}.symfony[data-v-a32cfb20]{grid-area:2 / 5 / 3 / 6;font-size:3em;animation-name:float;animation-duration:10s;animation-delay:1s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.65,.05,.36,1)}.vue[data-v-a32cfb20]{grid-area:2 / 7 / 3 / 8;font-size:1.5em;animation-name:float;animation-duration:10s;animation-delay:.5s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.65,.05,.36,1)}.react[data-v-a32cfb20]{grid-area:4 / 4 / 5 / 5;font-size:2em;animation-name:float;animation-duration:14s;animation-delay:1s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.65,.05,.36,1)}.mysql[data-v-a32cfb20]{grid-area:5 / 6 / 6 / 7;font-size:2em;animation-name:float;animation-duration:12s;animation-delay:.25s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.65,.05,.36,1)}.unit[data-v-a32cfb20]{grid-area:6 / 2 / 7 / 3;font-size:1em;animation-name:float;animation-duration:8s;animation-delay:.15s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.65,.05,.36,1)}