@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dosis:wght@200;400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cantarell&display=swap);@import url(https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&family=Andika&display=swap);@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@300;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@500&display=swap);*{margin:0;padding:0;box-sizing:border-box}.nav{background:#24252a;position:fixed;top:0;height:64px;width:100%;display:flex;justify-content:space-evenly;align-items:center;font-family:"Roboto",sans-serif;z-index:100}.nav a{color:#fff;text-decoration:none;font-weight:800;transition:all .25s ease-out}.nav a:active,.nav a:hover{transform:scale(1.1)}.nav a:focus{outline:none}.notfound{display:flex;flex-direction:column;justify-content:center;align-items:center}.notfound h1{font-weight:300;font-size:xx-large}.notfound h3{font-weight:300;font-size:medium;opacity:.8}.todo{background:#5cdb95;display:flex;align-items:center;justify-content:center;font-family:"Quicksand",sans-serif}.todo__container{width:500px;height:600px;display:flex;flex-direction:column}.todo__container__new{height:48px;background:#edf5e1;border-radius:5px;margin-bottom:7px}.todo__container__new form{height:100%;display:flex;padding:5px}.todo__container__new form input{height:100%;border:none}.todo__container__new form input[type=text]{flex-grow:1;background:#edf5e1;padding-left:10px;font-size:larger;transition:all .25s ease-out;transform:scale(.9)}.todo__container__new form input[type=text]:focus{transform:scale(.95)}.todo__container__new form input[type=submit]{width:80px;border-radius:5px;background:#05386b;font-weight:800;cursor:pointer;color:#edf5e1}.todo__container__new form input:focus{outline:none}.todo__container__list__task{background:#edf5e1;height:48px;margin:8px;border-radius:5px;display:flex;align-items:center}.todo__container__list__task input{margin:15px;transform:scale(1.25);transition:all .25s ease-out}.todo__container__list__task input:checked{transform:scale(1)}.todo__container__list__task h2{flex-grow:1;transition:all .25s ease-out}.todo__container__list__task.completed h2{opacity:.5;text-decoration:line-through;transform-origin:left center;transform:scale(.9)}.todo__container__list__task button{margin:10px;border:none;background:none;cursor:pointer}.task-enter{opacity:0}.task-enter-active{opacity:1;transition:opacity .25s ease-out}.task-exit{opacity:1}.task-exit-active{opacity:0;transition:opacity .25s ease-out}.weather{background:#eae7dc;display:flex;justify-content:center;align-items:center;font-family:"Dosis",sans-serif}.weather__container{height:400px;width:500px}.weather__container__display{height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}.weather__container__display h1{color:#e85a4f;font-size:128px;font-weight:200}.weather__container__display h1 span{font-size:48px}.weather__container__display h3{opacity:.75}.weather__container__display h2{color:#8e8d8a}.weather__container__search{margin-top:32px;display:flex;justify-content:center}.weather__container__search input{width:300px;height:32px;padding:6px;border:none;transition:all .25s ease-out}.weather__container__search input:focus{transform:scale(1.1);outline:none}.weather__container__suggestions{margin-top:16px;max-height:150px;display:flex;flex-wrap:wrap}.weather__container__suggestions__location{background:rgba(142,141,138,0);color:#e85a4f;padding:5px 10px;margin:10px 5px;cursor:pointer;transition:all .25s ease-out;border-radius:5px}.weather__container__suggestions__location:hover{background:rgba(142,141,138,.1)}.notes{font-family:"IBM Plex Sans",sans-serif;background:#845ec2;padding:100px 100px 100px 10px;position:relative}.notes__container{display:grid;grid-template-columns:repeat(3,28vw);grid-gap:25px;gap:25px}.notes__new{background:#f9f871;position:absolute;top:75px;right:25px;margin-left:5px;height:40px;line-height:40px;border:1px solid #000;color:#000;font-weight:700;text-align:center;vertical-align:middle;padding:0 .75rem;border-radius:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;transition:all .25s ease-out}.notes__new:hover{transform:scale(1.05)}.note{background:#ffc75f;display:flex;flex-direction:column;height:340px;transition:all .25s ease-out}.note.editing{background:#f9f871}.note__top{height:40px;display:flex;padding:5px;border-bottom:1px solid #000}.note__top h3{cursor:pointer;text-align:center}.note__top h3:nth-child(2){cursor:default}.note__top__date{flex-grow:1}.note__content{flex-grow:1;padding:10px 20px}.note__editing{flex-grow:1;padding:10px}.note__editing textarea{width:100%;height:100%;border:none;background:none;resize:none}.note__editing textarea:focus{outline:none}.quiz{font-family:"Open Sans",sans-serif;background:#c58d38;justify-content:center}.quiz,.quiz__question{display:flex;align-items:center}.quiz__question{margin-top:-90px;flex-direction:column}.quiz__question__category{margin-bottom:-25px}.quiz__question__text{margin:25px;padding:5px 15px;border-radius:15px}.quiz__question__answer{width:400px;background:#bac4be;margin-bottom:25px;padding:10px 20px;border:3px solid #6a472d;border-radius:15px;cursor:pointer;text-align:center;transition:all .25s ease-out}.quiz__question__answer:hover{background:#303b36;color:#bac4be;transform:scale(1.05)}.quiz__question__answer.correct.answered{background:#90ee90;color:#303b36;transform:scale(1.1)}.quiz__question__answer.wrong.answered{background:#f08080;color:#303b36;transform:scale(1)}.countdown{font-family:"Cantarell",sans-serif;background:url(https://i.ibb.co/cvjq18S/pattern.jpg)}.countdown,.countdown__center{display:flex;align-items:center;justify-content:center}.countdown__center{background:#edeac7;width:50%;max-width:600px;height:150px;flex-direction:column}.countdown__center h1{color:#ee6d6d;cursor:default}.countdown__center h1 span{font-weight:300;font-size:small;opacity:.5;transition:all .25s ease-out}.countdown__center h1 span:hover{opacity:1;color:#000}.countdown__center__input{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.countdown__center__input input{width:125px;height:25px;text-align:center;font-family:"Cantarell",sans-serif;border:none;transition:all .25s ease-out;cursor:pointer;margin-left:3px}.countdown__center__input input:hover{width:135px}.countdown__center__input button{background:#ee6d6d;color:#edeac7;font-weight:600;margin:5px;height:25px;padding:0 10px;border:none;cursor:pointer;transition:all .25s ease-out}.countdown__center__input button:hover{padding:0 15px}.countdown__center__input button:disabled{background:grey}.recipes{font-family:"Andika",sans-serif;height:100vh;padding-top:64px}.recipe,.recipes{display:flex;flex-direction:column;align-items:center}.recipe{width:100%;height:calc(10vh - 6px);transition:all .25s ease-in;cursor:pointer;background:#f3eac2;border:1px solid #f5b461;justify-content:center}.recipe h1{font-family:"Amatic SC",cursive;color:#ec524b}.recipe>div{display:flex;opacity:0;height:0;overflow:hidden;justify-content:space-between;align-items:center}.recipe>div ul{list-style:none}.recipe>div ul li{width:200px;font-size:small}.recipe>div ul li:before{content:"\2022";color:#ec524b;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.recipe>div p{padding:25px;text-overflow:ellipsis;overflow:hidden}.recipe>div img{max-height:100%;width:250px;border:5px solid #f5b461}.recipe:hover{height:50vh;background:#9ad3bc}.recipe:hover>div{opacity:1;height:35vh;padding:2rem}.password{background:#000;font-family:"Press Start 2P",cursive;display:flex;justify-content:center;align-items:center}.password span{cursor:default}.password__center{color:#0f0;display:flex;flex-direction:column;align-items:center}.password__center h1{text-align:center;margin:25px 0}.password__center__controls{display:flex;justify-content:center;margin:10px}.password__center__controls__input{width:20px;height:20px;border:3px solid #0f0;transition:all .25s ease-out;margin:0 10px;cursor:pointer}.password__center__controls__input.ticked{background:#0f0}.password__center__controls__len{width:20px;height:20px;margin:0 10px;background:#0f0;color:#000;display:flex;justify-content:center;align-items:center;cursor:pointer}.password__center button{height:20px;padding:0 10px;background:#0f0;color:#000;border:none;font-family:"Press Start 2P",cursive;cursor:pointer}.ford{color:#02a2bc}.ferrari{color:#e81025}.movies{font-family:"Oswald",sans-serif}.movies__slide{display:flex;justify-content:center;align-items:center;position:relative}.movies__slide img{object-fit:cover}.movies__slide>div{position:absolute}div[aria-roledescription=slide]{height:100vh}.m1-info{width:700px;height:400px;top:75px;right:50px;display:flex;flex-direction:column;align-items:center;cursor:default}.m1-info h1{font-size:5rem;font-weight:300}.m1-info h1 span{font-weight:700}.m1-info h2{font-weight:300;letter-spacing:5px;text-transform:uppercase;margin-top:-20px;font-size:2rem}.m1-info button{margin-top:10px;border:1px solid #e81025;background:none;color:#e81025;font-weight:700;font-family:"Oswald",sans-serif;text-align:center;vertical-align:middle;padding:.375rem .75rem;border-radius:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;transition:all .25s ease-out}.m1-info button:hover{background:#02a2bc;color:#fff;border:1px solid #fff;transform:scale(1.05)}.m2-info{top:10%;left:10%;color:#fff;display:flex;flex-direction:column;align-items:center;cursor:default}.m2-info h1{letter-spacing:10px;font-weight:300;font-size:5.5rem}.m2-info h2{letter-spacing:5px;font-weight:300;font-size:1.25rem;text-transform:uppercase}.m2-info h2 span{font-weight:700;text-decoration:underline}.m2-info button{margin-top:20px;border:1px solid #fff;background:none;color:#fff;font-weight:700;font-family:"Oswald",sans-serif;text-align:center;vertical-align:middle;padding:.375rem .75rem;border-radius:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;transition:all .25s ease-out}.m2-info button:hover{transform:scale(1.05)}.m3-info{top:35%;left:50%;transform:translate(-50%);cursor:default;display:flex;flex-direction:column;justify-content:center;align-items:center}.m3-info h1{opacity:.55;text-transform:uppercase;letter-spacing:50px;font-size:10rem}.m3-info button,.m3-info h1{color:#d2a997;font-weight:700}.m3-info button{border:1px solid #d2a997;background:none;font-family:"Oswald",sans-serif;text-align:center;vertical-align:middle;padding:.375rem .75rem;border-radius:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;transition:all .25s ease-out}.m3-info button:hover{transform:scale(1.05)}.github{font-family:"Lato",sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;padding:65px}.github__container{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.github__container__search{height:60px;display:flex;justify-content:center;align-items:center}.github__container__search input{margin-left:auto;height:40px;width:150px;font-size:larger;text-align:center;transition:all .25s ease-out}.github__container__search input:focus{width:250px}.github__container__search button{margin-left:5px;height:40px;border:1px solid #171515;background:#171515;color:#fff;font-weight:700;text-align:center;vertical-align:middle;padding:.375rem .75rem;border-radius:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;transition:all .25s ease-out}.github__container__search button.loading{opacity:.75;transform:scale(.8)}.github__container>img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);z-index:-1}.github__container__card{opacity:0;flex-grow:1;display:flex;justify-content:center;align-items:center;transition:all .25s ease-out}.github__container__card.visible{opacity:1}.github__container__card__inner{background:#fff;box-shadow:0 12px 13px rgba(0,0,0,.16),0 12px 13px rgba(0,0,0,.16);width:500px;height:700px;display:flex;flex-direction:column;align-items:center}.github__container__card__inner__top{height:200px;width:100%}.github__container__card__inner img{margin-top:-125px;width:250px;height:250px;border-radius:50%;border:5px solid #fff;background:#fff;cursor:pointer}.github__container__card__inner__bottom{width:100%;flex-grow:1;display:flex;flex-direction:column;align-items:center}.github__container__card__inner__bottom h1{font-weight:700}.github__container__card__inner__bottom h3{font-weight:300}.github__container__card__inner__bottom p{margin-top:10px;max-height:175px}.github__container__card__inner__bottom__squares{width:100%;margin-top:auto;margin-bottom:15px;display:flex;justify-content:space-evenly}.github__container__card__inner__bottom__squares>div{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:15px;width:200px;height:200px;transition:all .25s ease-out;cursor:pointer}.github__container__card__inner__bottom__squares>div:hover{background:rgba(23,21,21,.1)}.github__container__card__inner__bottom__squares>div h2{margin-top:25px;font-weight:300}.github__container__card__inner__bottom__squares>div h3{flex-grow:1;display:flex;justify-content:center;align-items:center;font-size:xx-large;font-weight:700}.github__container__error{opacity:0;transition:all .25s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5)}.github__container__error.visible{opacity:1}.drawing{font-family:"Caveat",cursive;background:linear-gradient(-45deg,#cfd4c5,#eecfd4,#efb9cb,#e6adec,#c287e8);background-size:400% 400%;-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.drawing h1{font-size:2.5rem}.drawing .sketch-picker{position:absolute;top:50%;left:5px;transform:translateY(-50%)}.drawing__canvas{box-shadow:0 12px 13px rgba(0,0,0,.16),0 12px 13px rgba(0,0,0,.16);margin:25px;width:600px;height:600px;background:#fff}.drawing__controls{display:flex;width:400px;justify-content:space-between;align-items:center}.drawing__controls__group button{margin-left:5px;height:40px;border:1px solid #000;background:none;color:#000;font-weight:700;text-align:center;vertical-align:middle;padding:.375rem .75rem;border-radius:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;transition:all .25s ease-out}.drawing__controls__group button:hover{transform:scale(1.05)}.app>div{min-height:100vh}
/*# sourceMappingURL=main.6de88c1d.chunk.css.map */