.loginscreen{width:100vw;height:100vh;color:#393939}.loginscreen,.loginscreen__main{display:flex;justify-content:center}.loginscreen__main{flex-direction:column;align-items:center;z-index:10;text-align:center}.loginscreen__main__firstTitle{font-weight:700;font-size:3.5rem;margin-bottom:10%}.loginscreen__main--box{padding:5%;display:flex;flex-direction:column;font-size:1.5rem;border-radius:3%;letter-spacing:.5rem}.login__screen--buttom{background-color:#80dfed;box-shadow:5px 5px 2px 0 rgba(0,0,0,.2);margin:2%;padding:2% 0;border-style:none;border-radius:8px;font-weight:700;font-size:1.5rem;width:25vw}.login__screen--buttom:hover{background-color:#f5f5f5}#loginscreen__tsparticles{position:absolute;opacity:.6;width:100vw;height:100vh}@media (max-width:600px){.loginscreen__main__firstTitle{font-size:2rem}}.menu__container{width:55vw;position:fixed;z-index:20}.menu__container--close{animation-name:out;animation-duration:.8s;animation-iteration-count:1;animation-fill-mode:forwards;border:2px solid #000}.menu__container--open{animation-name:intro;animation-duration:.8s;animation-iteration-count:1;box-shadow:10px 5px 5px #000;border:2px solid #000}@keyframes intro{0%{left:-55vw}to{left:0}}@keyframes out{0%{left:0}to{left:-55vw}}.container__left{display:flex;flex-direction:column;padding:0}.container__left :hover{color:#000}.container__left--item{background-color:#36abff}.container__left--item,.container__left--proyect{padding:10px 20px;font-size:1.5rem;color:#fff;border:.2px inset #fff;text-decoration:none;display:flex;justify-content:space-between;align-items:center}.container__left--proyect{background-color:#515151}.container__left--last{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;font-size:1rem;text-decoration:none;color:#fff;border:.2px inset #fff;background-color:#36abff}.container__left .fas{font-size:1.5rem;text-decoration:none}.visual__container{display:flex}.background__opacity{height:100%;width:100%;background-color:#000;position:absolute;opacity:.9;z-index:10}.button__container{display:flex;padding:1%;justify-content:center;align-items:center;border:.2rem solid #000;background-color:#0e92f0;position:fixed;top:0;left:0;z-index:20}.fa-bars,.fa-times{font-size:3rem;color:#fff}.button__open{animation-name:open-button;animation-fill-mode:forwards;animation-duration:.8s;margin-left:2px}.button__close{animation-name:close-button;animation-fill-mode:forwards;animation-duration:.8s}@keyframes open-button{0%{left:0}to{left:55vw}}@keyframes close-button{0%{left:55vw}to{left:0}}.homeContainer{background-color:#fafafa;height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:space-around;font-size:1rem;color:#fff;margin:0;overflow:auto;color:#1e1b1b}.homeContainer__title{text-decoration:underline;margin-top:10vh}.homeContainer__hi{padding:5% 3%;text-align:justify;font-size:1.2rem}.homeContainer__email{color:#000;font-size:1.5rem;text-align:center}.homeContainer__contact{display:flex;justify-content:space-around;width:20vw;margin-bottom:10vh}.fa-facebook-square,.fa-github-square,.fa-linkedin{font-size:3rem;color:#000}@media (max-width:500px){.homeContainer__title{align-self:center;margin-left:15%;margin-top:2vh}.homeContainer{width:100%;height:100%;padding-top:5%}}@media (max-width:600px){.homeContainer__contact{width:60vw}}.photoScreen img{width:100%;height:100%}.userContainer{background-color:#ffbd38;height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1rem}.userContainer h1{background-color:#f5f5f5;padding:5px;border:2px solid #fff}.userContainer__box,.userContainer h1{box-shadow:.2rem .2rem .2rem .2rem #000}.userContainer__box{background-color:#fff;padding:10px;border:2px solid #000;display:flex;flex-direction:column;text-align:center}.userContainer__box--insideTitle{font-weight:700}.userContainer__box--title{display:flex;flex-direction:column;margin-left:10%}.userContainer__box--credit :nth-child(2){font-weight:700;background-color:#d81919;color:#fff}.userContainer__box--credit :last-child{font-weight:700;color:#000;text-decoration:none;border:1px solid #000;padding:5px;border-radius:5px;font-size:1.5rem}.userContainer__box--credit :last-child:hover{font-weight:700;color:#fff;text-decoration:none;border:1px solid #000;background-color:#747474}.fa-check-circle{align-self:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:green}.todoapp{width:100vw;height:100vh;padding:15vh 2% 0;display:flex;flex-direction:column;background-image:url(https://image.freepik.com/foto-gratis/bloc-notas-lapiz-sobre-fondo-tablero-madera_24972-539.jpg);background-repeat:no-repeat;background-size:contain;background-position:50%;background-color:#000;color:#fff;font-size:1.2rem;font-weight:700}.todoapp__title4{background-color:rgba(114,35,35,.489);text-align:center}.todos__parrafo{cursor:pointer}.group{display:flex;justify-content:space-between;margin:5px 0}.complete{text-decoration:line-through}.btn-block{width:100%}.footer{position:absolute;bottom:0;width:100vw}.gifScreen{width:100vw;height:100%;background-color:#36abff}.gifScreen,.gifScreen__header{display:flex;flex-direction:column}.gifScreen__header{width:100%;justify-content:center;align-items:center}.gifScreen__input{margin-top:5%}.gifGrid__container{display:grid;grid-template-columns:1fr 1fr 1fr}.gifScreen__main{padding:0}.gifGrid__title{display:flex;text-decoration:underline;justify-content:center}.giphyItem{display:flex;flex-direction:column;width:28vw;height:25vh;margin:5%;box-shadow:5px 2px 2px #2b2b2b;overflow:hidden}.giphyItem__img,.giphyItem__img--item{width:100%;height:100%}@media (max-width:600px){.gifScreen__h3{margin-left:10%}}#loginscreen__tsparticles1{position:relative;z-index:-5}a{z-index:5;background-color:#fff}*{box-sizing:border-box;margin:0;padding:0;font-family:"Source Code Pro",monospace}
/*# sourceMappingURL=main.79f45818.chunk.css.map */