@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Press+Start+2P&family=Roboto:wght@100;300;400&display=swap);:root{--primary:#613dc1;--secondary:#4e148c;--tertiary:#2c0735;--quaternary:#858ae3;--left-offset:40px}body{background-color:#613dc1;background-color:var(--primary);margin:0}nav{background-color:#4e148c;background-color:var(--secondary);box-shadow:0 2px 5px rgba(0,0,0,.1);justify-content:space-between;padding:9px 10px}.logo,nav{align-items:center;display:flex}.logo{gap:10px}.logo-img{border:1px solid #2c0735;border:1px solid var(--tertiary);border-radius:50%;height:50px;width:50px}.logo-text{-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:#000;color:#fff;font-size:1.5rem;font-weight:400;letter-spacing:.7em;margin:0 1em}.contact-button,.logo-text{font-family:Bebas Neue,cursive}.contact-button{background-color:#858ae3;background-color:var(--quaternary);border:2px solid #2c0735;border:2px solid var(--tertiary);border-radius:10px;color:#2c0735;color:var(--tertiary);letter-spacing:2px;margin:0 2em;padding:.7em 1em;text-decoration:none}.contact-button:hover{background-color:#4e148c;background-color:var(--secondary);color:#fff;-webkit-transform:scale(1.5);transform:scale(1.5)}@media screen and (max-width:769px){.logo-text{display:none}}.introduction .container{align-items:center;display:flex;flex-direction:row}.introduction .box{-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:#000;color:#fff;font-family:Roboto,sans-serif;font-size:1.5em;font-weight:400;letter-spacing:1.5px;max-width:50%;padding:30px 50px;text-align:center}.introduction .box1{text-align:justify}.introduction img{border-radius:10px;width:70%}.box h2{-webkit-text-stroke-width:.001em;color:#4e148c;color:var(--secondary)}@media (max-width:769px){.introduction .container{display:block}.introduction .box{max-width:100%}}.skills{background-color:#4e148c;background-color:var(--secondary);color:#858ae3;color:var(--quaternary);font-family:Roboto,sans-serif;margin:0;padding:2em 0;text-align:center}.skills .container{align-items:center;display:flex;flex-direction:row;justify-content:space-around;padding:2em}.skill img{width:15em}.skill span{background-color:#858ae3;background-color:var(--quaternary);border-radius:5px;color:#2c0735;color:var(--tertiary);display:none;left:inherit!important;opacity:.7;padding:5px;position:absolute;top:60rem}.skill img:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.skill:hover span{display:block}@media (max-width:769px){.skills .container{display:block}.skill img{width:30%}.skill span{display:none}}.apis .container{align-items:space-around;background-color:#613dc1;background-color:var(--primary);display:flex;flex-direction:row;padding:2em}.weather{align-items:center;display:flex;flex-direction:column;text-align:center;width:50%}.weather h1{font-family:Bebas Neue,cursive;font-size:3em;padding:.5em 0}.weather h1,.weather p{color:#2c0735;color:var(--tertiary);margin:0}.weather p{font-family:Bebas Neue,sans-serif;font-size:1.5em;padding:.5em}.apis .youtube,.material-icons{align-items:center;justify-content:center;text-align:center}.apis .youtube{width:50%}.apis iframe{border-radius:10px;height:315px;width:560px}@media (max-width:769px){.apis .container{display:block}.apis .youtube{display:flex;flex-wrap:wrap;width:100%}.apis .weather{width:100%}}.connections{color:#858ae3;color:var(--quaternary);font-family:Roboto,sans-serif;margin:0;padding:1em 0;text-align:center}.connections,.connections .container{background-color:#2c0735;background-color:var(--tertiary)}.connections .container{align-items:center;display:flex;flex-direction:row;justify-content:space-around;padding:1em 2em}.connection img{width:9em}.connection span{background-color:#858ae3;background-color:var(--quaternary);border-radius:5px;color:#2c0735;color:var(--tertiary);display:none;left:inherit!important;opacity:.7;padding:5px;position:absolute;top:101rem}.connection img:hover{cursor:pointer;-webkit-transform:scale(1.2);transform:scale(1.2)}.connection:hover span{display:block}@media (max-width:768px){.connections .container{display:block}.connection span{display:none}.connection{padding-bottom:2em}.connection2{padding-bottom:3em}.connection3{padding-bottom:5em}}
/*# sourceMappingURL=main.ebbfb0bf.css.map*/