body{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root{display:grid}#welcome-section{-webkit-animation:change 10s ease infinite;animation:change 10s ease infinite;background:linear-gradient(90deg,#c48448,#5142a1,#4bc0c8);background-size:400% 400%;height:100vh}#aboutme-section,#projects-section,#services-section{background-color:#110c2e;height:100vh}@-webkit-keyframes change{0%{background-position:0 50%}25%{background-position:50% 25%}50%{background-position:100% 50%}75%{background-position:50% 25%}to{background-position:0 50%}}@keyframes change{0%{background-position:0 50%}25%{background-position:50% 25%}50%{background-position:100% 50%}75%{background-position:50% 25%}to{background-position:0 50%}}@media only screen and (max-width:768px){#services-section{height:auto}#aboutme-section,#projects-section{background-color:#110c2e;height:auto}#aboutme-container{height:auto}}header{align-items:center;color:#fff;display:flex;flex-direction:row;height:6vh;justify-content:space-between;position:fixed;top:0;width:100vw;z-index:1}#background-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:rgba(0,0,0,.2);height:100%;position:absolute;width:100%;z-index:-1}.logo{height:100px;margin-left:15em}.logo img{height:50%;margin:30%}nav ul{display:flex;flex-direction:row;list-style:none;margin-right:15em;padding:0;width:100%}nav ul li{margin-right:5em}nav a{font-size:1.15em;line-height:100px;text-align:center;text-decoration:none;transition:all .2s ease-in-out}nav a,nav a:hover{color:#fff}.contact-button{border:2px solid #fff;border-radius:50px;color:#fff;padding:.5em 1em;transition:all .2s ease-in-out}.contact-button:hover{background-color:#fff;color:#41337d;font-weight:400}@media only screen and (max-width:1279px){.logo{height:100px;margin-left:3em;margin-right:6em}}footer{align-items:center;background-color:#1e183b;color:#fff;display:flex;flex-direction:column;justify-content:center;padding-bottom:1em;padding-top:1em}footer p{font-weight:700;margin:0 0 .5em;text-align:center;width:100%}footer a{color:#fff;margin-right:2em;text-decoration:none}footer .social{align-items:center}.box,.social-container,footer .social{display:flex;flex-direction:row}.box{align-items:center;-webkit-animation:floating 3s ease-in-out infinite;animation:floating 3s ease-in-out infinite;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:hsla(0,0%,100%,.3);border:1px solid hsla(0,0%,100%,.18);border-radius:10px;box-shadow:0 8px 32px 0 rgba(31,38,135,.12);color:#212529;font-size:1.75em;font-weight:500;justify-content:space-evenly;left:30%;padding:.5em 1.5em .5em 0;position:relative;top:-90%;width:180px}#container-skills{display:flex;height:80vh;justify-content:space-between;margin:auto;width:80%}#container-image-skills{font-size:1em;margin-top:5em;width:45%}#container-image-skills h2{color:#6d2960;font-size:2em;font-weight:500;margin:0}#container-image-skills h3{font-size:4em;font-weight:500;margin:0 0 1.5em}#container-image-skills img{display:block;height:300px;margin:auto;width:300px}#container-image-skills #javascript{color:#f7df1e;font-size:5em;left:7%;position:relative;top:-20%}#container-image-skills #github{color:#fff;font-size:6em;left:55%;position:relative;top:-17%}#container-image-skills #code{color:#20bdff;font-size:7em;left:-10%;position:relative;top:-45%}#container-image-skills #nodejs{color:#89bb3c;font-size:9em;left:32%;position:relative;top:-40%}#container-skills-boxes{display:flex;flex-direction:column;height:55vh;justify-content:space-around;margin-top:6.5em;width:40%}#container-skills-boxes .box-container *{margin:0}#container-skills-boxes .box-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(72,53,90,.39);border:1px solid hsla(0,0%,87%,.4);border-radius:10px;min-height:100px;padding:.5em 1em 1em;width:90%}#container-skills-boxes .box-container p{color:#f2f6f9;font-weight:500;padding-left:.75em;padding-right:.75em;text-align:justify}#container-skills-boxes .frontend h4{-webkit-text-fill-color:transparent;align-items:center;background:linear-gradient(90deg,#ac87ec,#ca87ec,#95659f);-webkit-background-clip:text;background-size:50% 50%;display:flex;flex-direction:row;font-size:1.5em}#container-skills-boxes .box-container .react-symbol{color:#ac87ec;font-size:2em}#container-skills-boxes .backend h4{-webkit-text-fill-color:transparent;align-items:center;background:linear-gradient(90deg,#93e291,#bfe291,#e2de91);-webkit-background-clip:text;background-size:50% 50%;display:flex;flex-direction:row;font-size:1.5em}#container-skills-boxes .box-container .node-symbol{color:#93e291;font-size:2em}#container-skills-boxes .database h4{-webkit-text-fill-color:transparent;align-items:center;background:linear-gradient(90deg,#e2a292,#e2b792,#ef7777);-webkit-background-clip:text;background-size:50% 50%;display:flex;flex-direction:row;font-size:1.5em}#container-skills-boxes .box-container .database-symbol{color:#93e291;font-size:2em}#techguy-box{left:52%;padding:.5em .5em .5em 1em;top:-85%;white-space:nowrap;width:200px}#fullstack-box{justify-content:space-between;left:60%;padding:.5em 1em;top:-90%;width:200px}#hi-box .emoji,#techguy-box .emoji{font-size:1.8em}#hi-box span,#techguy-box span{font-size:.75em}#fullstack-box span{color:#fff;font-size:1.5em}.line{background-color:hsla(0,0%,100%,.535);height:5%;width:2px}#line-black{left:50%;position:absolute;top:95%}#line-yellow{background-color:rgba(197,128,0,.54);height:50px;left:50%;position:relative;top:0}.line-horizontal{height:2px;width:37%}#line-yellow-horizontal{background-color:rgba(197,128,0,.54);left:calc(13% + 2px);position:relative;top:0}.line2{background-color:hsla(0,0%,100%,.535);height:60px;width:2px}#line-yellow2{background-color:rgba(197,128,0,.54);left:calc(13% + 2px);margin-bottom:-5em;position:relative;top:0}#line-purple{height:140px;left:73%}#line-purple,#line-purple-horizontal{background-color:#490080;position:relative;top:-15%}#line-purple-horizontal{left:calc(50% + 2px)}#line-purple2{height:165px;top:calc(-15% - 2px)}#line-purple2,#line-purple3{background-color:#490080;left:50%;position:relative}#line-purple3{height:50px;top:0}.line-horizontal-purple{height:2px;width:23%}.home-container{margin-top:16vh;min-height:100vh;overflow:hidden;position:relative;width:100%}.bio-container{font-size:1.35em;margin:4em auto auto;position:relative;text-align:center;width:50%}.bio-container h1{font-size:3.25em;margin-bottom:.5em;text-align:center}.photo-container{display:flex;flex-direction:row;height:30vh;justify-content:center;margin:5em auto auto;position:relative;width:50%}#photo-container-background{align-items:center;background-color:transparent;border-radius:50%;box-shadow:0 0 2pt 4pt #fff,50px -20px 40px #c484482a,0 50px 40px #5042a12a,-50px -20px 40px #4bc0c82a;display:flex;justify-content:center}#photo-container-background,.photo-container img{height:300px;position:absolute;top:-10px;width:300px}.photo-container img{border-radius:210px}.content{align-items:center;background-color:#41337d;border-radius:25px;box-shadow:0 8px 24px #41337d;color:#fff;display:flex;font-size:1.25em;height:20em;margin-bottom:2em;padding:0 3em;text-align:justify}#projects-section h2{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#e2a292,#e2b792,#ef7777);-webkit-background-clip:text;background-size:70% 70%;font-size:1.5em;margin:1em auto;text-align:center}#projects-section h3{background:linear-gradient(90deg,#57fff1,#575aff,#ff57d5);-webkit-background-clip:text;background-size:100% 10%;font-size:4em;margin:auto auto .15em}#projects-section h3,#projects-section h4{-webkit-text-fill-color:transparent;text-align:center}#projects-section h4{background:hsla(0,0%,100%,.674);-webkit-background-clip:text;background-size:100% 10%;font-size:1.5em;margin:auto auto 2em}#project-container{display:flex;flex-direction:row;justify-content:space-around;margin:auto auto 7em;width:90%}#project-container a{border-radius:30px;box-shadow:0 4px 24px hsla(0,0%,100%,.618);min-height:30vh;transition:all .4s ease-in-out;width:30%}#project-container a:hover{box-shadow:0 8px 34px hsla(0,0%,100%,.3);cursor:pointer;-webkit-transform:perspective(800px) rotateY(-8deg) translateY(-20px) rotateX(10deg) scale(1);transform:perspective(800px) rotateY(-8deg) translateY(-20px) rotateX(10deg) scale(1)}.project-card-kaisel{background-image:url(/portfolio/static/media/Kaisel2.f446d8313e7114cce7df.avif)}.project-card-kaisel,.project-card-transfullanos{background-position:50%;background-size:100% 100%;border-radius:30px;min-height:30vh;width:100%}.project-card-transfullanos{background-image:url(/portfolio/static/media/Transfullanos.f3530446a078178af638.avif)}.project-card-expensify{background-image:url(/portfolio/static/media/Expensify-app.116fa4a29237cf8b2d21.avif);background-position:50%;background-size:100% 100%;border-radius:30px;min-height:30vh;width:100%}#source-code{font-size:2em!important;margin-bottom:.5em!important}#github-link,#github-link a{-webkit-text-fill-color:transparent!important;background:linear-gradient(-90deg,#57fff1,#575aff,#ff57d5)!important;-webkit-background-clip:text!important;background-size:100% 10%}#line-white{height:10%;left:50%;position:absolute;top:calc(300vh - 10%)}#line-white2{height:10%;left:50%;margin-bottom:0;position:relative;top:0}#aboutme-container{display:flex;flex-direction:row;margin:auto;width:80%}#aboutme-section h2{background:linear-gradient(90deg,#e2a292,#e2b792,#ef7777);-webkit-background-clip:text;background-size:70% 70%;font-size:1.5em;margin:1em auto .8em}#aboutme-section h2,#aboutme-section h3{-webkit-text-fill-color:transparent;text-align:center}#aboutme-section h3{background:linear-gradient(90deg,#57fff1,#575aff,#ff57d5);-webkit-background-clip:text;background-size:100% 10%;font-size:4em;margin:auto auto 1em}#boxes-container{display:flex;flex-wrap:wrap;width:65%}#boxes-container p{color:#f2f6f9;font-size:1.1em;font-weight:500;margin:.5em 0;padding-left:.75em;padding-right:.75em;text-align:center}#education-box{background-color:#ffffff0c;border-radius:25px;margin-bottom:2%;margin-left:5%;padding:1em;transition:all .3s ease-in-out;width:40%}#education-box:hover{box-shadow:0 6px 18px #ac87ec98;-webkit-transform:translateY(-1px);transform:translateY(-1px)}#education-box h4{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#ac87ec,#ca87ec,#95659f);-webkit-background-clip:text;background-size:100% 10%;font-size:2.5em;font-weight:500;margin:0;text-align:center}#work-box{background-color:#ffffff0c;border-radius:25px;margin-bottom:2%;margin-left:2.5%;padding:1em;transition:all .3s ease-in-out;width:40%}#work-box:hover{box-shadow:0 6px 18px #57fff1;-webkit-transform:translateY(-1px);transform:translateY(-1px)}#work-box h4{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#57fff1,#575aff,#ff57d5);-webkit-background-clip:text;background-size:200% 10%;font-size:2.5em;font-weight:500;margin:0;text-align:center}#hobbys-box{background-color:#ffffff0c;border-radius:25px;margin-bottom:2%;margin-left:5%;padding:1em;transition:all .3s ease-in-out;width:40%}#hobbys-box:hover{box-shadow:0 6px 18px #e2a292;-webkit-transform:translateY(-1px);transform:translateY(-1px)}#hobbys-box h4{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#e2a292,#e2b792,#ef7777);-webkit-background-clip:text;background-size:100% 10%;font-size:2.5em;font-weight:500;margin:0;text-align:center}#goals-box{background-color:#ffffff0c;border-radius:25px;margin-bottom:2%;margin-left:2.5%;padding:1em;transition:all .3s ease-in-out;width:40%}#goals-box:hover{box-shadow:0 6px 18px #92e29177;-webkit-transform:translateY(-1px);transform:translateY(-1px)}#goals-box h4{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#93e291,#bfe291,#e2de91);-webkit-background-clip:text;background-size:100% 10%;font-size:2.5em;font-weight:500;margin:0;text-align:center}#img-container{align-items:center;display:flex;flex-direction:row;width:30%}#img-container img{margin-left:10%;width:55%}#message1{font-size:3em;margin-bottom:0;text-align:center}#message2{color:#bebebe;font-size:1.5em;font-weight:500;margin-top:.25em;text-align:center}#message2 a{color:#bebebe;text-decoration:none}@-webkit-keyframes floating{0%{box-shadow:0 5px 15px 0 rgba(0,0,0,.11);-webkit-transform:translateY(0);transform:translateY(0)}50%{box-shadow:0 25px 15px 0 rgb(0 0 0/4%);-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{box-shadow:0 5px 15px 0 rgba(0,0,0,.11);-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes floating{0%{box-shadow:0 5px 15px 0 rgba(0,0,0,.11);-webkit-transform:translateY(0);transform:translateY(0)}50%{box-shadow:0 25px 15px 0 rgb(0 0 0/4%);-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{box-shadow:0 5px 15px 0 rgba(0,0,0,.11);-webkit-transform:translateY(0);transform:translateY(0)}}@media only screen and (max-width:1279px){.box{left:8%}.home-container{margin-top:8vh}.bio-container{margin-top:1em}#container-image-skills h3{font-size:3em}#container-skills-boxes{min-height:70vh;width:50%}#container-skills-boxes .box-container p{font-size:1.3em}#container-image-skills img{margin-top:10em}#container-image-skills #code{left:-60%;top:-45%}#container-image-skills #javascript{left:-15%}#container-image-skills #github{left:50%}#container-image-skills #nodejs{left:160px;top:-60%}#line-purple{height:5%;top:-1%}#line-purple-horizontal{top:-1%}#line-purple2{height:15%;top:calc(-1% - 2px)}#project-container{flex-wrap:wrap;margin-bottom:5%;width:80%}#project-container a{margin-bottom:1em;min-height:20vh;width:45%}#project-container a div{min-height:20vh}#projects-section h4{margin-bottom:.75em}#projects-section h3{font-size:3.5em}#line-white{height:7%;top:calc(300vh - 7%)}#aboutme-container{flex-direction:column}#boxes-container,#img-container{width:100%}#img-container img{margin:auto;width:20%}#line-white2{height:5%}#message1{font-size:2.5em;margin-top:.75em}}@media only screen and (max-width:768px){.logo{display:none}.header{justify-content:center;padding-left:1em;width:100%}nav ul{margin-left:1em;width:80%}nav ul li{font-size:.8em;margin-left:1.5em;margin-right:1.5em;text-align:center}#fullstack-box{left:50%;top:-90vh;width:125px}#techguy-box,.box{width:125px}.box{font-size:1.15em}#photo-container-background,.photo-container img{height:150px;width:150px}.bio-container h1{font-size:1em}#container-skills{flex-direction:column;height:80%;justify-content:center}#container-image-skills{margin-bottom:-1em;width:90%}#container-image-skills h2{font-size:1.5em}#container-image-skills h3{font-size:2em}#container-image-skills img{height:150px;margin-top:2em;width:150px}#container-image-skills #github{font-size:3em;left:60%}#container-image-skills #code{font-size:3em;left:-25%}#container-image-skills #javascript{font-size:3em;left:5%}#container-skills-boxes .box-container h4,#container-skills-boxes .box-container p{font-size:1em}#container-image-skills #nodejs{font-size:4em;left:20vw;top:-40%}#container-skills-boxes{margin-top:1em;width:100%}#line-yellow{height:25px}#line-yellow2{height:25px;margin-bottom:1em}#line-purple,#line-purple-horizontal{display:none}#line-purple2{height:5%;top:11.5%}#line-white{display:none}#line-white2{height:2.5%}#line-purple3{display:none}#projects-section h3{font-size:1.5em}#projects-section h4{font-size:1em;margin-bottom:2em}#aboutme-section h2{font-size:1em}#aboutme-section h3{font-size:1.5em}#education-box{width:100%}#education-box h4{font-size:1.45em}#education-box p{font-size:1em}#work-box{width:100%}#work-box h4{font-size:1.45em}#work-box p{font-size:1em}#hobbys-box{width:100%}#hobbys-box h4{font-size:1.45em}#hobbys-box p{font-size:1em}#goals-box{width:100%}#goals-box h4{font-size:1.45em}#goals-box p{font-size:1em}#message1{font-size:1.25em;margin:1em auto auto;width:90%}#message2{font-size:1em;margin:1em auto 10%;width:90%}}
/*# sourceMappingURL=main.f220bf0b.css.map*/