body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;scroll-behavior:auto;width:100%}p{text-align:left}li{margin-bottom:10px}a,li{font-size:large;line-height:1.6}a{color:#61dafb}.App{background:url(/alexmilla-portfolio/static/media/background.86295f2608a2a2298b7b.gif) no-repeat 50% fixed;background-size:cover;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;overflow:auto;text-align:center}.App,.App-header{display:flex;width:100%}.App-header{align-items:center;background-color:#0a0f1a;color:#fff;justify-content:space-between;padding:10px 20px;position:relative;top:0;z-index:10}.header-logo .logo{border-radius:50%;height:75px;transform-origin:center;transition:transform 4s ease-in-out;transition:box-shadow border 1.5s ease-in-out;width:75px}.header-logo:hover .logo{transform:rotateY(2turn)}.header-nav{align-items:center;display:flex;gap:20px;margin:0 35.7%;position:absolute}.nav-item{color:#fff;flex-shrink:0;font-size:1.2rem;padding:10px;text-decoration:none;transition:background-color .3s ease;width:175px}.nav-item:hover{background-color:#371fc0;border-radius:4px}.App-footer{background:linear-gradient(180deg,#000,#0a0f1a);box-shadow:0 -4px 10px #0000004d;color:#fff;margin-top:auto;padding:20px 0;position:relative;text-align:center;width:100%}.social-icons{margin-bottom:10px}.menuImg{display:none}.social-icons a{color:#fff;font-size:1.5rem;height:40px;margin:0 15px;transition:transform .3s ease,color .3s ease;width:40px}.social-icons a:hover{color:#371fc0;transform:scale(1.1)}.App-footer p{font-size:.9rem;margin:0;text-align:center}.spanRainbow{border-radius:100vmax;position:absolute}.rowRainbow{align-content:center;flex-wrap:wrap;gap:5%;justify-content:center;margin-top:4%}.cardRainbow,.rowRainbow{display:flex;margin-bottom:4%;position:relative}.cardRainbow{align-items:center;background:linear-gradient(180deg,#060027,#000);border-color:#0011ff80 #00ffff80 #00b7ff80 #0059ff80;border-radius:5%;border-style:solid;border-width:1px;color:#fff;flex-direction:column;font-family:sans-serif;font-size:18px;height:300px;justify-content:space-around;overflow:hidden;padding:1em;transition:all 1s;width:300px}.cardRainbow:hover{border:1px solid #371fc0;box-shadow:0 8px 20px #00b7ff;transform:translateY(-10px)}.cardRainbow:hover .hover-btn{opacity:1;transition:all .6s;visibility:visible}.cardRainbow:hover h3,.cardRainbow:hover img,.cardRainbow:hover p{filter:blur(5px);transition:filter 1s ease}.cardRainbow:hover .bottom,.cardRainbow:hover .left,.cardRainbow:hover .right,.cardRainbow:hover .top{background:#0000;height:0}.hover-btn{background-color:#61dafb;border-radius:5px;color:#1a2238;font-size:18px;font-weight:700;left:50%;opacity:0;padding:10px 20px;position:absolute;text-decoration:none;top:50%;transform:translate(-50%,-50%);transition:opacity 1s ease,visibility 1s ease;visibility:hidden}.hover-btn:hover{background-color:#371fc0;color:#fff}.top{background:linear-gradient(90deg,#0000 50%,#0011ff80,#01f);height:5px;left:0;top:0;width:0}.bottom{background:linear-gradient(90deg,#00b7ff,#00b7ff80,#0000 50%);bottom:0;height:5px;right:0}.right{background:linear-gradient(180deg,#0000 30%,#00ffff80,#0ff);right:0;top:0}.left,.right{height:0;width:5px}.left{background:linear-gradient(180deg,#0059ff,#0059ff80,#0000 70%);border-radius:50%;bottom:0;left:0}.top{animation:animateTop 5s ease-in-out infinite}.bottom{animation:animateBottom 5s ease-in-out infinite}.right{animation:animateRight 5s ease-in-out infinite}.left{animation:animateLeft 5s ease-in-out infinite}@keyframes animateTop{25%{opacity:1;width:100%}30%,to{opacity:0}}@keyframes animateBottom{0%,50%{opacity:0;width:0}75%{opacity:1;width:100%}76%,to{opacity:0}}@keyframes animateRight{0%,25%{height:0;opacity:0}50%{height:100%;opacity:1}55%,to{height:100%;opacity:0}}@keyframes animateLeft{0%,75%{bottom:0;height:0;opacity:0}to{height:100%;opacity:1}}.card{background:linear-gradient(180deg,#060027,#000);border-radius:12px;box-shadow:0 6px 15px #06002980;color:#fff;margin:20px auto;max-width:900px;padding:30px;transition:transform .3s ease,box-shadow .3s ease;width:calc(100% - 40px)}.card:hover{border:1px solid #371fc0;box-shadow:0 8px 20px #371fc0;transform:translateY(-10px)}.card h2{color:#61dafb;margin-bottom:15px}.card p{line-height:1.6}.btn,.card p{font-size:large}.btn{background-color:#61dafb;border-radius:4px;color:#1a2238;font-weight:700;padding:10px 20px;text-decoration:none;transition:background-color .3s}.btn:hover{background-color:#371fc0;color:#fff}.project-detail{margin-top:30px;text-align:left}.cardRainbow h3,.project-detail h3{align-items:center;color:#61dafb;display:flex;font-size:x-large}.project-detail h3{margin-bottom:20px}.project-detail h4{margin-bottom:10px}.cv-detail h4,.project-detail h4{align-items:center;color:#61dafb;display:flex;font-size:larger}.cv-detail h3{align-items:center;color:#61dafb;display:flex;font-size:x-large}.cv-detail h3,.cv-detail p,.project-detail p{margin-bottom:20px}.video-container{display:flex;justify-content:center;margin:20px auto;max-width:700px;width:100%}.menu-toggle{display:none}.fishbowl{background:url(/alexmilla-portfolio/static/media/fishbackground3.1b8fa30fd0ca4baf600c.gif) no-repeat 50%;background-size:cover;border-radius:20%;box-shadow:0 4px 10px #0000004d;height:500px;margin:40px auto;overflow:hidden;position:relative;width:80%}.fishbowl-icon{border-radius:50%;box-shadow:0 4px 8px #0003;height:15%;position:absolute;transition:transform .1s linear;width:15%}.icon-collector{align-content:center;flex-wrap:wrap;gap:10px;justify-content:center}.icon-collector,.row-doubled{display:flex;position:relative}.row-doubled{gap:7.5%;margin-bottom:3%;width:100%}.icon{border-radius:50%;height:50px;width:50px}.icon,.iconHome{box-shadow:0 4px 8px #0003;position:relative}.iconHome{height:60px;width:60px}.iconMe{border-radius:50%;box-shadow:0 4px 8px #4caeffa1;height:150px;margin-bottom:20px;position:relative;width:150px}.languages-chart{margin:20px auto;max-width:400px;position:relative;text-align:center}.language-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px}.y-axis{display:flex;flex-direction:column;font-size:13px;height:90%;justify-content:space-between;left:-2%;line-height:20px;position:absolute;top:4%}.y-axis span{left:0;position:absolute;transform:translateY(50%)}.chart{align-items:baseline;height:150px;justify-content:space-between}.bar,.chart{display:flex;position:relative}.bar{align-items:center;flex:1 1;flex-direction:column;height:100%;margin:0 5px}.bar-fill{align-items:flex-end;background:linear-gradient(90deg,#075f75,#61dafb);border-radius:5px;display:flex;justify-content:center;position:relative;transform-origin:top;width:100%}.bar-text{color:#fff;font-size:13px;font-weight:700;margin-bottom:5px}.bar-fill.native{height:100%}.bar-fill.professional{height:70%}.bar-fill.basic{height:40%}.flag{border:2px solid #fff;border-radius:4px;box-shadow:0 2px 5px #0003;height:auto;margin-top:10px;width:50px}.flagLang{cursor:pointer;height:30px;margin:0 3px;transition:filter .3s ease;width:50px}.activeFlag{filter:none}.inactiveFlag{filter:grayscale(100%);opacity:.6}.flagLang:hover{filter:brightness(1.2)}.flagSpace{width:33%}.flagDiv{display:flex;justify-content:center;margin-top:2%;position:relative}.spanCV{gap:5%;margin-bottom:10px}.spanCV,.spanLang{align-items:center;display:flex}.spanLang{gap:3%;justify-content:center}@media (max-width:768px){.App-header{display:inline;display:initial;padding:10px}.header-nav{align-items:flex-start;background-color:#0a0f1a;display:none;flex-direction:column;gap:10px;margin:0 auto;padding:10px;position:relative;width:100%}.header-nav.open{display:flex}.nav-item{padding:10px 15px;text-align:center;width:100%}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:1.5rem;margin-left:auto;padding:10px}.menu-toggle:focus{outline:none}.menuImg{display:block}.fishbowl{background:url(/alexmilla-portfolio/static/media/fishbackground3.1b8fa30fd0ca4baf600c.gif) no-repeat 50%;border-radius:20%;box-shadow:0 4px 10px #0000004d;height:240px;margin:40px auto;overflow:hidden;position:relative;width:100%}.fishbowl-icon{border-radius:50%;box-shadow:0 4px 8px #0003;height:15%;position:absolute;transition:transform .1s linear;width:15%}}
/*# sourceMappingURL=main.320cda53.css.map*/