*{margin:0;padding:0;box-sizing:border-box}body{width:100%;background:#fff;height:100vh}.main-container{width:100%;height:100%}.nav-container{position:fixed;top:0;z-index:1;display:flex;font-family:"Exo 2",sans-serif;background-color:#d3d3d3;flex-direction:row;padding:1.2rem;align-items:center;justify-content:space-between;width:100%;height:9vh}.nav-container.active{background:#d3d3d3;height:9vh;border-radius:5px}.logo{font-family:"Brush Script MT","Brush Script Std","Lucida Calligraphy","Lucida Handwriting","Apple Chancery",cursive;font-size:1.8rem;color:#4749a8;cursor:pointer}.link{list-style-type:none;float:left}.nav-links .anchor{display:inline-block;color:#000;text-decoration:none;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:1rem;font-weight:400;line-height:9.1vh;margin:.8rem}.nav-links .anchor:hover{color:#55198b}.anchor.active{color:#55198b;font-weight:800;border-bottom:2px solid #55198b}.menu-icon{display:none}.welcome-content{color:grey}.home-container{font-family:"Varela Round",sans-serif;display:flex;color:#55198b;flex-direction:row;background-color:#fff;height:100%;padding:1rem;align-items:center;width:100%;min-height:100vh}.content-container{width:50vw;height:100%;flex-direction:column;display:flex;padding:1.8rem;margin-top:3rem;justify-content:center}.main-content{font-size:3rem}.skill-content{margin:.6rem 0;color:#9c72be;font-family:"Varela Round",sans-serif;font-weight:400;font-size:1.6rem}.skill-animation{height:60px;width:100%;margin:1rem 0;text-shadow:5px 5px 5px grey}.hand{display:inline-block;margin:.9rem;cursor:pointer}.png{width:75%}.png-container{margin-top:1.5rem;width:50vw;height:36rem;display:flex;align-items:center;justify-content:center}.button{width:25%;height:50px;display:inline;flex-direction:row;align-items:center}.button:hover{transition:all .3s ease-in-out 0s}.services-container{height:100vh;text-align:center;margin-top:8rem;flex-direction:column;font-family:"Exo 2",sans-serif;color:#000;font-size:1.3rem;padding:2rem}.service-wrapper,.services-container{width:100%;display:flex;align-items:center;justify-content:center}.service-wrapper{margin-top:4rem;height:30vh;flex-wrap:wrap;flex-direction:row}.services{display:flex;align-items:center;justify-content:space-evenly;text-align:center;width:400px;margin:1rem;height:12rem;box-shadow:3px 2px 10px #55198b;padding:3rem;border-top-left-radius:20px;border-bottom-right-radius:20px}.services:hover{border:1px solid grey}.services img{height:3.7rem}.services li{list-style-type:none;font-family:"Varela Round",sans-serif;font-size:1rem;font-weight:700}.skills-container{display:flex;flex-direction:column;align-items:center;font-family:"Exo 2",sans-serif;font-size:1.3rem;padding:2rem;justify-content:space-evenly;width:100%;min-height:80vh;color:#000}.skills-container h1{margin:2rem 0}.techs{align-items:center;flex-wrap:wrap;width:100%;min-height:12vh;justify-content:space-evenly;display:flex;padding:3rem;box-shadow:3px 2px 10px #55198b;border-radius:20px;text-align:center;margin:2rem}.techs:hover{border:1px solid #55198b}.techs i{margin:1.1rem;font-size:4.8rem}.techs li{list-style-type:none;font-family:"Varela Round",sans-serif;font-size:1rem;font-weight:700}.portfolio-container{font-family:"Exo 2",sans-serif;display:flex;color:#000;font-size:1.3rem;flex-direction:column;padding:2rem;align-items:center;justify-content:space-evenly;width:100%;min-height:100vh}.portfolio-container h1{margin:3rem 0}.projects-container{min-height:60vh;width:100%;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;text-align:center}.projects{height:23rem;width:21rem;margin:1rem;box-shadow:3px 2px 10px #55198b}.projects,.projects-images{cursor:pointer;border-radius:10px}.projects-images{width:100%;height:60%;border-bottom:1px solid #000}#todoApp{background-image:url(/static/media/todoApp.640a6dba.png)}#stopWatch,#todoApp{background-size:cover;background-repeat:no-repeat;background-position:50%}#stopWatch{background-image:url(/static/media/stopwatch.43ac1b5c.png)}#snakeGame{background-image:url(/static/media/snake-game.7a02e9bc.png)}#calculator,#snakeGame{background-size:cover;background-repeat:no-repeat;background-position:50%}#calculator{background-image:url(/static/media/calculator.a8b460e6.png)}#saylani{background-image:url(/static/media/Saylani.7fee1460.png)}#coronaTracker,#saylani{background-size:cover;background-repeat:no-repeat;background-position:50%}#coronaTracker{background-image:url(/static/media/corona-img.5f619972.png)}#expenseTracker{background-image:url(/static/media/expense.905f2140.png)}#expenseTracker,#spaceX{background-size:cover;background-repeat:no-repeat;background-position:50%}#spaceX{background-image:url(/static/media/spacex.146f676f.png)}#cartoonAnimation{background-image:url(/static/media/cartoon.c1974849.png)}#cartoonAnimation,#timer{background-size:cover;background-repeat:no-repeat;background-position:50%}#timer{background-image:url(/static/media/timer.538d619c.png)}.project-links .text{height:50%;color:#000;font-family:"Varela Round",sans-serif;font-size:.8rem;padding-top:15px;font-weight:700}.project-links,.project-links .text{width:100%;display:flex;align-items:center;justify-content:center}.project-links{flex-direction:column;height:30%}.project-links .icons{display:flex;align-items:center;justify-content:center}.icons #github{background-color:#333}.icons #github:hover{background-color:#0f0f0f}.icons #github{color:#fff;cursor:pointer;display:inline-block;font-size:1.3rem;height:2.6rem;line-height:2.6rem;position:relative;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:2.6rem;border-radius:2.6rem;margin:0 5px 10px;transition:all .2s ease-in 0s}.contact-container{font-family:"Exo 2",sans-serif;display:flex;color:#000;font-size:1.3rem;flex-direction:column;padding:2rem;align-items:center;justify-content:space-evenly;width:100%;min-height:100vh}.profile-image{background-image:url(/static/media/profile.9834bca1.jpg);border-radius:50%;width:170px;height:170px;background-size:cover;border:1px solid #000;box-shadow:6px 6px 10px grey;margin:1rem}.cards-container{flex-direction:row;width:100%;flex-wrap:wrap;min-height:40vh}.cards,.cards-container{display:flex;justify-content:center;align-items:center}.cards{text-align:center;box-shadow:3px 2px 10px grey;border-radius:20px;flex-direction:column;width:19rem;height:9rem;margin:1rem;padding:1.3rem 0}.cards:hover{border:1px solid grey}.contact-icons{display:flex;align-items:center;width:100%;height:33.33%;text-align:center;justify-content:center;list-style-type:none;color:red}.contact-text{width:100%}.contact-links,.contact-text{display:flex;margin-top:.7rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue";height:33.33%;font-size:1rem;align-items:center;justify-content:center}.contact-links{width:90%}.contact-links>span{display:block}.contact-links i{cursor:pointer;margin:.3rem;display:block;font-size:1.3rem;position:relative;text-align:center;padding:.1rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.contact-links a{text-decoration:none}.contact-links i:hover{box-shadow:2px 2px 4px grey;border-radius:20%}.contact-links #github{color:rgba(0,0,0,.884)}.contact-links:hover #github{color:#000}.contact-links #facebook{color:rgba(28,28,231,.938)}.contact-links:hover #facebook{color:#1c1ce7}.contact-links #linkedin{color:rgba(61,142,183,.9176470588235294)}.contact-links:hover #linkedin{color:#3d8eb7}.contact-links #instagram{color:rgba(214,84,45,.89)}.contact-links:hover #instagram{color:#d6542d}.contact-links #whatsaap{color:#90ee90}.contact-links:hover #whatsaap{color:green}.contact-icons i{color:#f35166;cursor:pointer;font-size:1.7rem;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .2s ease-in 0s}.footer-container{font-family:"Exo 2",sans-serif;display:flex;color:#000;font-size:.7rem;padding:2rem;border-top:2px solid #000;align-items:center;justify-content:space-evenly;width:100%;height:8vh}.footer-container a{text-decoration:none;font-family:"Varela Round",sans-serif;color:#ccb1df;text-shadow:1px 1px 1px #000}.footer-container a:hover{color:rgba(72,25,126,.7725490196078432)}.button:hover{background-color:#fff;color:#55198b;transition:all .3s ease 0s;transform:translateY(-3px)}.button,.button-link,.button:hover{text-decoration:none}.button{background-color:#55198b;border:1px solid #55198b;color:#fff;font-weight:700;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:13px 22px;text-transform:uppercase;border-radius:6px;text-align:center;display:block;outline:none;margin-top:3.6rem;font-size:1rem;cursor:pointer;transition:all .3s ease-in-out 0s}.heading{margin:2rem 0;font-family:"Varela Round",sans-serif;color:#000}@media screen and (max-width:1150px){.content-container,.home-container{flex-direction:column}.content-container{padding-top:5rem;width:100vw;align-items:center;justify-content:center;text-align:center}.svg-container{width:100vw}}@media screen and (max-width:900px){.nav-links{display:flex;flex-direction:column;width:100%;min-height:500px;position:absolute;top:9vh;text-align:center;align-items:center;left:-100%}.nav-links,.nav-links.active{opacity:1;transition:all .5s ease}.nav-links.active{background:hsla(0,0%,100%,.911);left:0;z-index:1}.menu-icon{display:block;position:relative;margin:0 1rem;font-size:1.8rem;cursor:pointer}.nav-links .anchor{display:block;line-height:9.1vh;width:100vw;margin:.4rem}.anchor.active{color:#fff;font-weight:800;border:none;background:rgba(0,0,0,.534)}.nav-links.active .anchor:hover{color:#000}}@media screen and (max-width:700px){.svg-container{margin-top:1.5rem;width:50vw;height:36rem;display:flex;align-items:center;justify-content:center}.svg{height:60%}}@media screen and (max-width:550px){.content-container{font-size:.7rem}.main-content{font-size:2rem}.skill-content{margin:.6rem 0;font-size:1.2rem}.hand{font-size:1.8rem}.welcome-content{font-size:.7rem}}@media screen and (max-width:500px){.svg{height:40%}}@media screen and (max-width:415px){.skill-content{font-size:1rem}}@media screen and (max-width:395px){.heading{font-size:1.2rem}.button{font-size:.8rem}}.App{text-align:center}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.mr-sm-2{background-color:"red"}
/*# sourceMappingURL=main.2e34f87c.chunk.css.map */