:root{--clr-primary-1:#d2f4ea;--clr-primary-2:#a5e9d4;--clr-primary-3:#78debf;--clr-primary-4:#4ed4ac;--clr-primary-5:#20cb98;--clr-primary-6:#1aa179;--clr-primary-7:#13795b;--clr-primary-8:#0d503c;--clr-primary-9:#06281e;--clr-grey-1:#dae2ec;--clr-grey-2:#bcccdc;--clr-grey-3:#9eb2c7;--clr-grey-4:#829ab0;--clr-grey-5:#617d98;--clr-grey-6:#48647f;--clr-grey-7:#324d67;--clr-grey-8:#243a52;--clr-grey-9:#102a42;--clr-white:#fff;--clr-red-dark:#bb2525;--clr-red-light:#e66b6b;--clr-green-dark:#25bb32;--clr-green-light:#6be675;--clr-black:#222;--transition:all 0.3s linear;--spacing:0.1rem;--radius:0.25rem;--light-shadow:0 5px 15px rgba(0,0,0,0.1);--dark-shadow:0 5px 15px rgba(0,0,0,0.4);--max-width:1170px;--fixed-width:450px;--clr-pink:#f28ab2;--clr-gold:#c59d5f}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;background:#bcccdc;background:var(--clr-grey-2);color:#102a42;color:var(--clr-grey-9);line-height:1.5;font-size:.875rem}ul{list-style-type:none}a{text-decoration:none}h1,h2,h3,h4{letter-spacing:.1rem;letter-spacing:var(--spacing);text-transform:capitalize;line-height:1.25;margin-bottom:.75rem}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:.875rem}p{margin-bottom:1.25rem;color:#617d98;color:var(--clr-grey-5)}@media screen and (min-width:800px){h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:1.75rem}body,h4{font-size:1rem}h1,h2,h3,h4{line-height:1}}.birth-container{width:90vw;margin:5rem 0;max-width:var(--fixed-width);background:var(--clr-white);border-radius:var(--radius);padding:1.5rem 2rem;box-shadow:var(--dark-shadow)}.birth-container h3{font-weight:400;text-transform:none;margin-bottom:2rem}.person{display:grid;grid-template-columns:auto 1fr;grid-column-gap:.75rem;-webkit-column-gap:.75rem;column-gap:.75rem;margin-bottom:1.5rem;-webkit-align-items:center;align-items:center}.person img{width:75px;height:75px;object-fit:cover;border-radius:50%;box-shadow:var(--light-shadow)}.person h4{margin-bottom:.35rem}.person p{margin-bottom:0}.birth-container button{display:block;width:100%;background:var(--clr-pink);margin:2rem auto 0;padding:.5rem 0;letter-spacing:var(--spacing);border-radius:var(--radius);outline:1px solid rgba(242,138,178,.8);cursor:pointer}.birth-container button,.btn{color:var(--clr-white);border-color:transparent;text-transform:capitalize;font-size:1.2rem}.btn{display:inline-block;padding:.25rem .5rem;margin-top:2rem}main{width:90vw;max-width:var(--fixed-width);margin:5rem auto}.underline{width:6rem}.single-tour{background:var(--clr-white);border-radius:var(--radius);margin:2rem 0;box-shadow:var(--light-shadow);transition:var(--transition)}.single-tour:hover{box-shadow:var(--dark-shadow)}.single-tour img{width:100%;height:20rem;object-fit:cover;border-top-right-radius:var(--radius);border-top-left-radius:var(--radius)}.tour-info{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-bottom:1.5rem}.tour-info h4{margin-bottom:0}.single-tour button{background:transparent;border-color:transparent;text-transform:capitalize;color:var(--clr-primary-5);font-size:1rem;cursor:pointer;padding-left:.25rem}.tour-price{color:var(--clr-primary-5);background:var(--clr-primary-10);padding:.25rem .5rem;border-radius:var(--radius)}.single-tour footer{padding:1.5rem 2rem}.single-tour .delete-btn{display:block;width:200px;margin:1rem auto 0;color:var(--clr-red-dark);letter-spacing:var(--spacing);background:transparent;border:1px solid var(--clr-red-dark);padding:.25rem .5rem;border-radius:var(--radius)}.section{max-width:var(--max-width)}main{display:grid;place-items:center}.review-container{width:90vw;max-width:var(--fixed-width)}.review{background:var(--clr-white);padding:1.5rem 2rem;border-radius:var(--radius);box-shadow:var(--light-shadow);transition:var(--transition);text-align:center}.review:hover{box-shadow:var(--dark-shadow)}.img-container{width:150px;height:150px;margin:0 auto 1.5rem}.img-container,.person-img{position:relative;border-radius:50%}.person-img{width:100%;display:block;height:100%;object-fit:cover}.quote-icon{top:0;left:0;width:2.5rem;height:2.5rem;display:grid;place-items:center;-webkit-transform:translateY(25%);transform:translateY(25%);color:var(--clr-white)}.img-container:before,.quote-icon{position:absolute;border-radius:50%;background:var(--clr-primary-5)}.img-container:before{content:"";width:100%;height:100%;top:-.25rem;right:-.5rem}.author{margin-bottom:.25rem}.job{margin-bottom:.5rem;text-transform:uppercase;color:var(--clr-primary-5);font-size:.85rem}.info{margin-bottom:.75rem}.button-container{margin-top:1.75rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.next-btn,.prev-btn{line-height:1.25rem;color:var(--clr-primary-7);font-size:1.25rem;background:transparent;border-color:transparent;margin:0 .5rem;transition:var(--transition);cursor:pointer}.next-btn:hover,.prev-btn:hover,.random-btn{color:var(--clr-primary-5)}.random-btn{font-size:1.25rem;background:var(--clr-primary-10);padding:.25rem .5rem;text-transform:capitalize;border-radius:var(--radius);transition:var(--transition);border-color:transparent;cursor:pointer}.random-btn:hover{background:var(--clr-primary-5);color:var(--clr-primary-1)}main{min-height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.accordion-container{width:90vw;margin:5rem auto;background:var(--clr-white);border-radius:var(--radius);padding:2.5rem 2rem;display:grid;grid-gap:1rem 2rem;gap:1rem 2rem}.accordion-container h3{line-height:1.2;font-weight:500}.question{padding:1rem 1.5rem;border:2px solid var(--clr-grey-special);margin-bottom:1rem;border-radius:var(--radius);box-shadow:var(--light-shadow)}.question h4{text-transform:none;line-height:1.5}.question p{color:var(--clr-grey-3);margin-bottom:0;margin-top:.5rem}.question header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.question header h4{margin-bottom:0}.more-btn{background:transparent;border-color:transparent;width:2rem;height:2rem;background:var(--clr-grey-special);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-radius:50%;color:var(--clr-red-special);cursor:pointer;margin-left:1rem;-webkit-align-self:center;align-self:center;min-width:2rem}.title{margin-bottom:2rem}.btn-container,.underline{background:var(--clr-white)}.btn-container{box-shadow:var(--light-shadow);margin-bottom:2rem;height:70px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.filter-btn{height:50px;background:transparent;border-color:transparent;font-size:1.25rem;text-transform:capitalize;margin:0 .5rem;letter-spacing:1px;padding:.375rem .75rem;color:var(--clr-gold);cursor:pointer;transition:var(--transition);border-radius:var(--radius)}.filter-btn:hover{background:var(--clr-gold);color:var(--clr-white)}.section-center{background:var(--clr-white);padding:2rem;width:90vw;margin:0 auto;max-width:1170px;display:grid;grid-gap:3rem 2rem;gap:3rem 2rem;justify-items:center;box-shadow:var(--light-shadow)}.menu-item{display:grid;grid-gap:1rem 2rem;gap:1rem 2rem;max-width:25rem}.photo{object-fit:cover;height:200px;width:100%;border:.25rem solid var(--clr-gold);border-radius:var(--radius);display:block}.item-info header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;border-bottom:.5px dotted var(--clr-grey-5)}.item-info h4{margin-bottom:.5rem}.price{color:var(--clr-gold)}.item-text{margin-bottom:0;padding-top:1rem}@media screen and (min-width:768px){.menu-item{grid-template-columns:225px 1fr;grid-gap:0 1.25rem;gap:0 1.25rem;max-width:40rem}.photo{height:175px}}@media screen and (min-width:1200px){.section-center{width:95vw;grid-template-columns:1fr 1fr}.photo{height:150px}}.tabs-section{width:90vw;margin:3rem auto;max-width:1170px;background-color:var(--clr-white);padding:3rem 4rem;border-radius:10px}@media screen and (min-width:992px){.tabs-section{width:95vw}}.underline{width:5rem;height:.25rem;margin-bottom:1.25rem;background:var(--clr-primary-5);margin-left:auto;margin-right:auto}.title{margin-bottom:4rem;text-align:center}.jobs-center{width:80vw;margin:0 auto;max-width:1170px}.job-btn-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;margin-bottom:4rem;-webkit-flex-wrap:wrap;flex-wrap:wrap}.job-btn{background:transparent;border-color:transparent;text-transform:capitalize;font-size:1.25rem;letter-spacing:var(--spacing);margin:0 .5rem;transition:var(--transition);cursor:pointer;padding:.25rem 0;line-height:1;outline-color:var(--clr-primary-10)}.active-btn,.job-btn:hover{color:var(--clr-primary-5);box-shadow:0 2px var(--clr-primary-5)}.job-info h3{font-weight:400}.job-info h4{text-transform:uppercase;color:var(--clr-grey-1);background:var(--clr-grey-9);display:inline-block;padding:.375rem .75rem;border-radius:var(--radius)}.job-date{letter-spacing:var(--spacing)}.job-desc{display:grid;grid-template-columns:auto 1fr;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;-webkit-align-items:center;align-items:center;margin-bottom:1.25rem}.job-desc p{margin-bottom:0;color:var(--clr-black)}.job-icon{color:var(--clr-primary-5)}@media screen and (min-width:992px){.jobs-center{width:90vw;display:grid;grid-template-columns:200px 1fr;grid-column-gap:4rem;-webkit-column-gap:4rem;column-gap:4rem}.job-btn{margin-bottom:1rem}}.btn{text-transform:uppercase;background:var(--clr-primary-5);color:var(--clr-primary-9);padding:.375rem .75rem;letter-spacing:var(--spacing);font-weight:700;transition:var(--transition);font-size:.875rem;border:2px solid transparent;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2);border-radius:var(--radius);display:block;width:12rem;text-align:center;margin:3rem auto 0}.btn:hover{color:var(--clr-primary-1);background:var(--clr-primary-8)}.section{width:90vw;margin:0 auto;max-width:1170px}@media screen and (min-width:992px){.section{width:95vw}}.search-main{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.search{padding:5rem 0 0;max-width:1170px}.search-form{display:-webkit-flex;display:flex}.form-input{width:100%}.form-input,.submit-btn{padding:.75rem 1.25rem;border:none;outline:none;text-transform:capitalize;letter-spacing:var(--spacing);font-size:1.5rem;background:transparent;color:var(--clr-black);border-bottom:3px solid var(--clr-black);cursor:pointer}.form-input{color:var(--clr-black)}.form-input::-webkit-input-placeholder{color:var(--clr-grey-1)}.form-input:-ms-input-placeholder{color:var(--clr-grey-1)}.form-input::placeholder{color:var(--clr-grey-1)}.photos{padding:5rem 0}.photos-center{width:90vw;max-width:1170px;margin:0 auto;display:grid;grid-gap:2rem;gap:2rem}.stock-photo{height:17.5rem;position:relative;overflow:hidden}.stock-photo>img{width:100%;height:100%;display:block;object-fit:cover}.stock-photo h4{font-weight:600;margin-bottom:.5rem;color:var(--clr-primary-1)}.stock-photo p{color:var(--clr-white);margin-bottom:0}.user-img{width:2.5rem;height:2.5rem;border-radius:50%}.stock-photo-info{position:absolute;width:100%;padding:1rem;bottom:0;left:0;background:rgba(0,0,0,.4);color:#fff;-webkit-transform:translateY(100%);transform:translateY(100%);transition:var(--transition);display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.stock-photo:hover .stock-photo-info{-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (min-width:576px){.photos-center{grid-template-columns:repeat(auto-fill,minmax(368px,1fr))}.search-form{max-width:620px}.form-input{width:620px}}.loading{text-align:center;padding:3rem}.slider-section{width:90vw;margin:5rem auto;max-width:1170px}@media screen and (min-width:992px){.slider-section{width:95vw}}.slider-title{text-align:center;margin-bottom:2rem}.slider-title h2{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-weight:500}.slider-title span{font-size:.85em;color:var(--clr-primary-5);margin-right:1rem;font-weight:700}.slider-section-center{margin:4rem auto 0;width:80vw;height:450px;max-width:800px;text-align:center;position:relative;display:-webkit-flex;display:flex;overflow:hidden}.slider-person-img{border-radius:50%;margin-bottom:1rem;width:150px;height:150px;object-fit:cover;border:4px solid var(--clr-grey-8);box-shadow:var(--dark-shadow)}.slider-article h4{text-transform:uppercase;color:var(--clr-primary-5);margin-bottom:.25rem}.slider-title{text-transform:capitalize;margin-bottom:.75rem;color:var(--clr-black);font-weight:700}.slider-text{max-width:35em;margin:2rem auto 0;line-height:2;color:var(--clr-black)}.slider-icon{font-size:3rem;margin-top:1rem;color:var(--clr-primary-5)}.slider-next,.slider-prev{position:absolute;top:200px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--clr-grey-5);color:var(--clr-white);width:1.25rem;height:1.25rem;display:grid;place-items:center;border-color:transparent;font-size:1rem;border-radius:var(--radius);cursor:pointer;transition:var(--transition)}.slider-next:hover,.slider-prev:hover{background:var(--clr-primary-5)}.slider-prev{left:0}.slider-next{right:0}@media (min-width:800px){.slider-text{max-width:45em}.slider-next,.slider-prev{width:2rem;height:2rem;font-size:1.5rem}}.slider-article{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:var(--transition)}.slider-article.activeSlide{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.slider-article.lastSlide{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slider-article.nextSlide{-webkit-transform:translateX(100%);transform:translateX(100%)}.lorem-section{padding:5rem 0}.lorem-section-center{width:90vw;max-width:40rem;margin:5rem auto 0;text-align:center}@media screen and (min-width:992px){.lorem-section-center{width:95vw}}.lorem-main{min-height:100vh;display:grid;place-items:center}h3{text-transform:uppercase;color:var(--clr-black)}.lorem-form{text-transform:capitalize;letter-spacing:var(--spacing);margin-top:2rem;margin-bottom:4rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}label{color:var(--clr-black)}input,label{font-size:1.25rem}input{padding:.25rem .5rem;width:5rem;border-radius:var(--radius);border:none;margin:0 .5rem}.btn{background:var(--clr-primary-6);margin-top:0}.lorem-result{margin-bottom:2rem}.lorem-text p{color:var(--clr-black)}.color-section{width:90vw;margin:0 auto;max-width:1400px}@media screen and (min-width:992px){.color-section{width:95vw}}.color-container{text-align:center;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100px;padding-left:2rem}.color-container h3{margin-bottom:0;margin-right:2rem}.color-container form{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.color-container input{border-color:transparent;width:15rem;border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.color-btn,.color-container input{padding:.5rem 1rem;font-size:1.2rem}.color-btn{background:var(--clr-primary-5);border-color:transparent;border-radius:var(--radius);text-transform:capitalize;color:var(--clr-white);cursor:pointer}@media screen and (max-width:576px){.color-container h3{font-size:1rem}.btn,input{font-size:.85rem}}input.error{border:2px solid var(--clr-red-dark)}.error-text{color:red}.center{text-align:center;margin-top:30px;margin-bottom:30px}.colors{min-height:calc(100vh - 100px);display:grid;grid-template-columns:repeat(auto-fit,minmax(223.33px,1fr));grid-template-rows:repeat(auto-fit,minmax(96px,1fr))}.color{padding:1rem 2rem;cursor:pointer;font-size:1rem;text-transform:none}.color-value,.percent-value{margin-bottom:0;color:var(--clr-black);font-weight:700}.color-light .color-value,.color-light .percent-value{color:var(--clr-white)}.color-alert{text-transform:uppercase;font-size:.85rem;margin-top:.5rem}.grocery-section{padding:5rem 0}.grocery-section-center{width:90vw;max-width:35rem;margin:8rem auto 0}@media screen and (min-width:992px){.grocery-section-center{width:95vw}}.grocery-main{min-height:100vh;display:grid;place-items:center}.grocery-section-center{background:var(--clr-white);border-radius:var(--radius);box-shadow:var(--light-shadow);transition:var(--transition);padding:2rem}.grocery-section-center:hover{box-shadow:var(--dark-shadow)}.grocery-alert{margin-bottom:1rem;height:1.25rem;display:grid;-webkit-align-items:center;align-items:center;text-align:center;font-size:.7rem;border-radius:.25rem;letter-spacing:var(--spacing);text-transform:capitalize}.grocery-alert-danger{color:#721c24;background:#f8d7da}.grocery-alert-success{color:#155724;background:#d4edda}.grocery-form h3{color:var(--clr-black);margin-bottom:1.5rem;text-align:center}.grocery-form-control{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.grocery{padding:.25rem .25rem .25rem 1rem;background:var(--clr-grey-10);border-radius:var(--radius);border:1px solid #ccc;font-size:1rem;-webkit-flex:1 0 auto;flex:1 0 auto;color:var(--clr-grey-5)}.grocery::-webkit-input-placeholder{font-family:var(--ff-secondary);color:var(--clr-grey-5)}.grocery:-ms-input-placeholder{font-family:var(--ff-secondary);color:var(--clr-grey-5)}.grocery::placeholder{font-family:var(--ff-secondary);color:var(--clr-grey-5)}.grocery-submit-btn{background:var(--clr-primary-8);border-color:transparent;-webkit-flex:0 0 5rem;flex:0 0 5rem;display:grid;-webkit-align-items:center;align-items:center;padding:.25rem;text-transform:capitalize;letter-spacing:2px;border-radius:var(--radius);cursor:pointer;content:var(--clr-primary-5);transition:var(--transition);font-size:.85rem;color:var(--clr-white)}.grocery-submit-btn:hover{background:var(--clr-primary-5)}.grocery-container{margin-top:2rem}.grocery-item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:.5rem;transition:var(--transition);padding:.25rem 1rem;border-radius:var(--radius);text-transform:capitalize}.grocery-item:hover{background:var(--clr-grey-1)}.grocery-item:hover .grocery-title{color:var(--clr-black)}.grocery-title{margin-bottom:0;color:var(--clr-grey-7);letter-spacing:2px;transition:var(--transition)}.grocery-delete-btn,.grocery-edit-btn{background:transparent;border-color:transparent;cursor:pointer;font-size:1rem;margin:0 .15rem;transition:var(--transition)}.grocery-edit-btn{color:var(--clr-green-light)}.grocery-edit-btn:hover{color:var(--clr-green-dark)}.grocery-delete-btn{color:var(--clr-red-light)}.grocery-delete-btn:hover{color:var(--clr-red-dark)}.grocery-clear-btn{text-transform:capitalize;width:10rem;height:1.5rem;display:grid;-webkit-align-items:center;align-items:center;background:transparent;border-color:transparent;color:var(--clr-red-light);font-size:.85rem;letter-spacing:var(--spacing);cursor:pointer;transition:var(--transition);margin:1.25rem auto 0}.grocery-clear-btn:hover{color:var(--clr-red-dark)}nav{background:var(--clr-white);box-shadow:var(--light-shadow)}.nav-header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:1rem}.nav-toggle{font-size:2rem;color:var(--clr-primary-5);background:transparent;border-color:transparent;transition:var(--transition);cursor:pointer}.nav-toggle:hover{color:var(--clr-primary-1);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.links a{color:var(--clr-black);font-size:1.5rem;text-transform:capitalize;letter-spacing:var(--spacing);display:block;padding:.5rem 1rem;transition:var(--transition)}.links a:hover{background:var(--clr-primary-8);color:var(--clr-primary-5);padding-left:1.5rem}.social-icons{display:none}.links-container{height:0;overflow:hidden;transition:var(--transition)}.show-container{height:10rem}@media screen and (min-width:800px){.nav-center{max-width:1200px;margin:0 auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:1rem}.nav-header{padding:0}.nav-toggle{display:none}.links-container{height:auto!important}.links{display:-webkit-flex;display:flex}.links a{padding:0;margin:0 .5rem}.links a:hover{padding:0;background:transparent}.social-icons{display:-webkit-flex;display:flex}.social-icons a{margin:0 .5rem;color:var(--clr-primary-5);transition:var(--transition)}.social-icons a:hover{color:var(--clr-primary-7)}}.home-main{min-height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.sidebar-toggle{position:fixed;top:2rem;left:3rem;font-size:2rem;background:transparent;border-color:transparent;color:var(--clr-primary-5);transition:var(--transition);cursor:pointer;-webkit-animation:bounce 2s ease-in-out infinite;animation:bounce 2s ease-in-out infinite}@-webkit-keyframes bounce{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}.home-btn{text-transform:uppercase;background:var(--clr-black);color:var(--clr-white);padding:.375rem .75rem;letter-spacing:var(--spacing);display:inline-block;transition:var(--transition);font-size:.875rem;border:2px solid var(--clr-black);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2);border-radius:var(--radius);margin:.5rem}.home-btn:hover{color:var(--clr-black);background:transparent}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:grid;place-items:center;transition:var(--transition);visibility:hidden;z-index:-1}.show-modal{visibility:visible;z-index:10}.modal-container{background:var(--clr-white);border-radius:var(--radius);width:90vw;height:30vh;max-width:var(--fixed-width);text-align:center;display:grid;place-items:center;position:relative}.close-modal-btn{position:absolute;top:1rem;right:1rem;font-size:2rem;background:transparent;border-color:transparent;color:var(--clr-red-dark);cursor:pointer}.sidebar-header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:1rem 1.5rem}.sidebar-close-btn{font-size:1.75rem;background:transparent;border-color:transparent;color:var(--clr-primary-5);transition:var(--transition);cursor:pointer;color:var(--clr-red-dark);margin-top:.2rem}.sidebar-close-btn:hover{color:var(--clr-red-light)}.logo{width:70px;height:70px}.logo img{width:100%;height:auto;border-radius:50%;border:1px solid #ccc}.sidebar-links a{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:1.25rem;text-transform:capitalize;padding:1rem 1.5rem;color:var(--clr-grey-3);transition:var(--transition);letter-spacing:var(--spacing)}.sidebar-links a:hover{background:var(--clr-grey-10);color:var(--clr-grey-2)}.sidebar-links a svg{font-size:1.5rem;color:var(--clr-grey-5);margin-right:1rem;transition:var(--transition)}.sidebar-links a:hover svg{color:var(--clr-grey-4)}.sidebar-social-icons{justify-self:center;display:-webkit-flex;display:flex;padding-bottom:2rem}.sidebar-social-icons a{font-size:1.5rem;margin:0 .5rem;color:var(--clr-primary-5);transition:var(--transition)}.sidebar-social-icons a:hover{color:var(--clr-primary-1)}.sidebar{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--clr-white);display:grid;grid-template-rows:auto 1fr auto;grid-row-gap:1rem;row-gap:1rem;box-shadow:var(--clr-red-dark);transition:var(--transition);-webkit-transform:translate(-100%);transform:translate(-100%)}.show-sidebar{-webkit-transform:translate(0);transform:translate(0)}@media screen and (min-width:676px){.sidebar{width:400px}}.stripe-section{width:100vw;margin:0 auto;max-width:100%}.stripe-nav{height:5rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background:transparent;position:relative;z-index:1}.stripe-nav-center{width:90vw;max-width:var(--max-width)}.stripe-nav-header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.stripe-btn{font-size:1rem;padding:.25rem .75rem;border-radius:var(--radius);border-color:transparent;color:#fff;background:var(--clr-black);cursor:pointer;transition:var(--transition)}.stripe-btn:hover{background:var(--clr-grey-5)}.stripe-nav-links,.stripe-signin-btn{display:none}.hero:before{content:"";position:absolute;width:100%;height:65%;top:0;left:0;background:url(/react-toy-projects/static/media/hero.acf1e00e.svg);background-size:cover;background-repeat:no-repeat;z-index:-1}.hero{position:relative;min-height:100vh;margin-top:-5rem;display:grid;grid-template-columns:1fr;justify-items:center}.hero-center{width:90vw;max-width:1300px;display:grid;-webkit-align-items:center;align-items:center}.hero-info h1{text-transform:none;max-width:500px;margin-bottom:2rem}.hero-info p{max-width:35em;line-height:1.8}.hero-images{display:none}@media screen and (min-width:800px){.stripe-nav-center{display:grid;grid-template-columns:auto 1fr auto;-webkit-align-items:center;align-items:center}.stripe-toggle-btn{display:none}.stripe-signin-btn{display:inline-block}.stripe-nav-links{display:block;justify-self:center;grid-template-columns:1fr 1fr 1fr;text-align:center;height:100%;display:grid;-webkit-align-items:center;align-items:center}.stripe-nav-links li{height:100%}.stripe-link-btn{height:100%;background:transparent;border-color:transparent;font-size:1.1rem;color:#fff;text-transform:capitalize;letter-spacing:1px;width:10rem}}@media screen and (min-width:800px){.hero:before{background-size:contain;height:100%}.hero-center{grid-template-columns:2fr 1fr}.hero-info h1{font-size:3rem}.hero-info p{font-size:1.25rem}.hero-images{display:block;justify-self:center}.phone-img{width:12rem}}@media screen and (min-width:1200px){.hero-center{grid-template-columns:2fr 1fr;-webkit-align-items:end;align-items:end;padding-bottom:12vh}.hero-info h1{max-width:100%;font-size:5.5rem}.hero-images{-webkit-align-self:end;align-self:end}.phone-img{width:15rem}}@media screen and (min-width:1400px){.hero-center{padding-bottom:20vh}.phone-img{width:17rem}}.stripe-sidebar-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:grid;place-items:center;visibility:hidden;z-index:-1;transition:var(--transition);-webkit-transform:scale(0);transform:scale(0);background:rgba(0,0,0,.5)}.stripe-sidebar-wrapper.show{visibility:visible;z-index:2;-webkit-transform:scale(1);transform:scale(1)}.stripe-sidebar{width:90vw;height:95vh;max-width:var(--fixed-width);background:var(--clr-white);border-radius:var(--radius);box-shadow:var(--dark-shadow);position:relative;padding:4rem 2rem}.stripe-close-btn{font-size:2rem;background:transparent;border-color:transparent;color:var(--clr-grey-5);position:absolute;top:1rem;right:1rem;cursor:pointer}.stripe-sidebar article{margin-bottom:2rem}.stripe-sidebar-sublinks{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:.25rem;row-gap:.25rem}.stripe-sidebar-sublinks a{display:block;color:var(--clr-black);text-transform:capitalize;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.stripe-sidebar-sublinks svg{color:var(--clr-grey-3);margin-right:1rem}@media screen and (min-width:800px){.stripe-sidebar-wrapper{display:none}}.stripe-submenu{background:var(--clr-white);box-shadow:var(--dark-shadow);top:30rem;z-index:3;display:none;padding:2rem;border-radius:var(--radius);transition:var(--transition)}.stripe-submenu,.stripe-submenu:before{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.stripe-submenu:before{content:"";display:block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--clr-white);top:-5px}.stripe-submenu.show{display:block}.stripe-submenu-center{display:grid;grid-gap:.25rem 2rem;gap:.25rem 2rem}.col-2{grid-template-columns:repeat(2,1fr)}.col-3{grid-template-columns:repeat(3,1fr)}.col-4{grid-template-columns:repeat(4,1fr)}.stripe-submenu h4{margin-bottom:1.5rem}.stripe-submenu-center a{width:10rem;display:block;color:var(--clr-black);text-transform:capitalize;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.stripe-submenu-center svg{color:var(--clr-black);margin-right:1rem}.cart-loading{text-align:center;margin-top:5rem}.cart-nav{background:var(--clr-primary-5);padding:1.25rem 2rem}.cart-nav-center{max-width:50rem;width:100%;margin:0 auto;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.cart-nav h3{margin-bottom:0;color:var(--clr-white)}.cart-nav-container{display:block;position:relative}.cart-nav svg{width:2rem;fill:var(--clr-white)}.cart-amount-container{position:absolute;top:-.85rem;right:-.85rem;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--clr-grey-7);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.cart-total-amount{color:var(--clr-white);margin-bottom:0;font-size:1.25rem}.cart{background-color:var(--clr-white);min-height:calc(100vh - 120px);width:90vw;margin:0 auto;padding:2.5rem;max-width:55rem}.cart h2{text-transform:uppercase;text-align:center;margin-bottom:3rem}.empty-cart{text-transform:lowercase;color:var(--clr-grey-5);margin-top:1rem;text-align:center}.cart footer{margin-top:4rem;text-align:center}.cart-total h4{text-transform:capitalize;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-top:1rem}.cart-clear-btn{background:transparent;padding:.5rem 1rem;color:var(--clr-red-dark);border:1px solid var(--clr-red-dark);margin-top:2.25rem;border-radius:var(--radius);cursor:pointer}.cart-clear-btn:hover{background:var(--clr-red-light);color:var(--clr-white);border-color:var(--clr-red-light)}.cart-item{display:grid;-webkit-align-items:center;align-items:center;grid-template-columns:auto 1fr auto;grid-column-gap:1.5rem;margin:1.5rem 0}.cart-item img{width:5rem;height:5rem;object-fit:cover}.cart-item h4{margin-bottom:.5rem;font-weight:500;letter-spacing:2px}.cart-item-price{color:var(--clr-grey-5)}.cart-remove-btn{color:var(--clr-red-dark);letter-spacing:var(--spacing);cursor:pointer;font-size:.85rem;background:transparent;border:none;margin-top:.375rem;transition:var(--transition)}.cart-remove-btn:hover{color:var(--clr-red-light)}.cart-amount-btn{width:1.5rem;background:transparent;border:none;cursor:pointer}.cart-amount-btn svg{fill:var(--clr-primary-5)}.cart-amount-btn:hover svg{fill:var(--clr-primary-7)}.cart-amount{text-align:center;margin-bottom:0;font-size:1.25rem;line-height:1}hr{background:var(--clr-grey-5);border-color:transparent;border-width:.25px}.markdown-section{width:90vw;margin:0 auto;max-width:1170px}@media screen and (min-width:992px){.markdown-section{width:95vw}}.markdown{padding:4rem;display:grid;grid-row-gap:4rem;row-gap:4rem}.markdown-input{border-color:transparent;border-radius:var(--radius);font-size:1.2rem;line-height:2;box-shadow:var(--dark-shadow);min-height:30vh}.markdown-input,.markdown-result{width:500px;padding:1rem 2rem}@media screen and (min-width:992px){.markdown{min-height:100vh;grid-template-columns:1fr 1fr;grid-column-gap:4rem;-webkit-column-gap:4rem;column-gap:4rem}}.markdown-img{width:200px;height:200px;object-fit:cover}blockquote{font-size:2rem;font-style:italic;border-left:5px solid var(--clr-grey-5);color:var(--clr-grey-5);padding-left:2rem;line-height:2;margin-bottom:1.5rem}blockquote :first-letter{text-transform:uppercase}pre{background:#222;display:inline-block;border-radius:var(--radius);padding:1rem 2rem;color:#ff0;margin-bottom:1.5rem}.ru-section{padding:5rem 0}.ru-section-center{width:90vw;margin:0 auto;max-width:1170px}@media screen and (min-width:992px){.ru-section-center{width:95vw}}.ru-block{min-height:50vh}.bcg-black{background:#2c2e31}.ru-container{width:90vw;max-width:730px;background:var(--clr-white);margin:-200px auto 0;border-radius:var(--radius);position:relative;text-align:center;padding:1.5rem;box-shadow:var(--dark-shadow)}.ru-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:130px;background:var(--clr-grey-10);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom:1px solid rgba(0,0,0,.25)}.ru-container img{width:150px;height:150px;position:relative;border-radius:50%;padding:5px;background:var(--clr-white);border:1px solid rgba(0,0,0,.25);margin-bottom:2rem;box-shadow:var(--dark-shadow)}.ru-user-title{font-size:18px;margin-bottom:0}.ru-user-value{color:var(--clr-grey-4);font-size:28px}.ru-values-list{display:grid;grid-template-columns:repeat(6,1fr);-webkit-justify-content:center;justify-content:center}.ru-icon{background:transparent;border:transparent;font-size:1.5rem;cursor:pointer;color:var(--clr-grey-5);transition:var(--transition)}.ru-active,.ru-icon:hover{color:var(--clr-primary-5)}.ru-btn{text-transform:uppercase;background:var(--clr-primary-5);color:var(--clr-white);padding:.375rem .75rem;letter-spacing:var(--spacing);display:block;transition:var(--transition);font-size:.875rem;border:2px solid var(--clr-primary-5);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2);border-radius:var(--radius);margin:1.5rem auto 0}.ru-btn:hover{color:var(--clr-primary-5);background:var(--clr-primary-1);border-color:var(--clr-primary-1)}@media screen and (min-width:800px){.ru-user-value{font-size:38px}.ru-icon{font-size:2rem}}.pagination-section-title{text-align:center;margin:4rem 0 6rem}.pagination-underline{width:8rem;height:.25rem;background:var(--clr-primary-5);margin:0 auto}.pagination-followers{width:90vw;max-width:var(--max-width);margin:5rem auto}.pagination-container{display:grid;grid-gap:2rem;gap:2rem;margin-bottom:4rem}@media screen and (min-width:576px){.pagination-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.pagination-card{background:var(--clr-white);border-radius:var(--radius);box-shadow:var(--light-shadow);padding:2rem 3.5rem;text-align:center}.pagination-card img{width:130px;height:130px;border-radius:50%;object-fit:cover;margin-bottom:.75rem}.pagination-card h4{margin-bottom:1.5rem;font-size:.85rem;color:var(--clr-grey-5)}.pagination-btn{padding:.35rem .75rem;letter-spacing:1.6px;font-size:.75rem;color:var(--clr-white);background:var(--clr-primary-5);border-radius:var(--radius);border-color:transparent;text-transform:uppercase;transition:var(--transition);cursor:pointer}.pagination-btn-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:4rem}.pagination-page-btn{width:2rem;height:2rem;background:var(--clr-primary-7);border-color:transparent;border-radius:5px;cursor:pointer;margin:.5rem;transition:var(--transition)}.pagination-active-btn{background:var(--clr-primary-1);color:var(--clr-black)}.pagination-next-btn,.pagination-prev-btn{background:transparent;border-color:transparent;font-weight:700;text-transform:capitalize;letter-spacing:var(--spacing);margin:.5rem;font-size:1rem;cursor:pointer}@media screen and (min-width:775px){.pagination-btn-container{margin:0 auto;max-width:750px}}.dark-theme{--clr-bcg:#282c35;--clr-font:#fff;--clr-primary:#ffa7c4}.light-theme{--clr-bcg:#f28ab2;--clr-font:#282c35;--clr-primary:#e90000}.dark-container{width:100vw;height:100vh}.dark-container,.dark-nav{background:var(--clr-bcg);transition:all .3s linear}.dark-nav-center{width:90vw;max-width:600px;margin:1rem auto;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:2rem 0}.dark-nav-center h1{font-size:2.5rem;color:var(--clr-font);text-transform:capitalize;letter-spacing:2px}.dark-articles{background:var(--clr-bcg);padding:5rem 2rem;width:90vw;max-width:600px;margin:0 auto;transition:all .3s linear}.dark-post{margin-bottom:3rem}.dark-post span{color:var(--clr-font)}.dark-post h2{color:var(--clr-primary);text-transform:capitalize;letter-spacing:2px;font-size:1.75rem}.dark-post-info{margin-bottom:.75rem;font-style:italic}.dark-post-info span{margin-right:.5rem}.dark-btn{background:var(--clr-primary);color:var(--clr-bcg);padding:.25rem .5rem;border-radius:5px;border-color:transparent;text-transform:capitalize;transition:all .3s linear;font-weight:700;letter-spacing:2px;cursor:pointer}.hacker-section{width:90vw;margin:0 auto;max-width:1170px}@media screen and (min-width:992px){.hacker-section{width:95vw}}.hacker-search-form{width:90vw;max-width:1170px;margin:5rem auto 3rem}.hacker-form-input{width:100%;outline:none;border:none;max-width:600px;background:var(--clr-white);padding:1rem;font-size:1rem;color:var(--clr-black);text-transform:uppercase;letter-spacing:var(--spacing);margin:1rem 0 0}.hacker-btn-container{width:90vw;max-width:1170px;margin:0 auto 1.5rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.hacker-btn-container p{margin-bottom:0;font-size:1.2rem;font-weight:700}.hacker-btn-container button{margin:1rem;padding:.25rem .5rem;text-transform:capitalize;font-weight:700;border-color:transparent;background:var(--clr-primary-5);border-radius:var(--radius);color:var(--clr-white);letter-spacing:var(--spacing);cursor:pointer}.hacker-btn-container button:disabled{cursor:not-allowed}.hacker-spinner-container{position:relative}.hacker-loading{width:6rem;height:6rem;margin:10rem auto 0;border-radius:50%;border:3px solid #ccc;border-top:3px solid var(--clr-primary-5);-webkit-animation:spinner .6s linear infinite;animation:spinner .6s linear infinite}.hacker-stories{width:90vw;max-width:1170px;margin:0 auto 5rem;display:grid;grid-gap:2rem;gap:2rem}@media screen and (min-width:992px){.hacker-stories{display:grid;grid-template-columns:1fr 1fr}}.hacker-story{background:var(--clr-white);border-radius:var(--radius);padding:1rem 2rem}.hacker-title{line-height:1.5;margin-bottom:.25rem}.hacker-info{margin-bottom:.5rem;color:var(--clr-grey-5)}.hacker-read-link{margin-right:.75rem;color:var(--clr-primary-5)}.hacker-read-link,.hacker-remove-btn{font-size:.85rem;text-transform:capitalize}.hacker-remove-btn{background:transparent;color:var(--clr-red-dark);border-color:transparent;cursor:pointer}.quiz-section{width:90vw;margin:0 auto;max-width:1170px}@media screen and (min-width:992px){.quiz-section{width:95vw}}.quiz-main{min-height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.quiz{width:90vw;max-width:1170px;margin:4rem auto;background:var(--clr-white);border-radius:var(--radius);padding:3rem}.quiz-small{max-width:500px}.quiz-container h2{margin-bottom:2rem;text-align:center;line-height:1.5;text-transform:none}.answer-btn{display:block;width:100%;margin:.75rem auto;background:var(--clr-primary-5);border-radius:var(--radius);border-color:transparent;color:var(--clr-black);letter-spacing:var(--spacing);font-size:1rem;cursor:pointer;padding:.5rem 0;transition:var(--transition)}@media screen and (min-width:576px){.answer-btn{max-width:60%}}.answer-btn:hover{background:var(--clr-primary-3);color:var(--clr-white)}.correct-answers{margin-bottom:2rem;text-align:right;color:var(--clr-green-dark)}.correct-answers,.next-question,.quiz-close-btn,.quiz-submit-btn{font-size:1rem;text-transform:capitalize;letter-spacing:var(--spacing)}.next-question,.quiz-close-btn,.quiz-submit-btn{border-radius:var(--radius);border-color:transparent;padding:.25rem .5rem;display:block;width:15%;margin-left:auto;margin-top:2rem;font-weight:700;background:#ffb100;color:var(--clr-black);transition:var(--transition);cursor:pointer}.next-question:hover{background:#805900;color:#ffb100}.quiz-setup-form h2{text-align:center;margin-bottom:2rem}.quiz-form-control{margin-bottom:2rem}.quiz-form-control label{display:block;text-transform:capitalize;font-weight:500;color:var(--clr-grey-3);margin-bottom:.5rem}.quiz-form-input{border:none;background:var(--clr-grey-1);margin:0;font-size:1rem;padding:.25rem .5rem;width:100%;border-radius:var(--radius)}.quiz-error{color:var(--clr-red-dark);text-transform:capitalize}.quiz-submit-btn{width:100%;margin-top:3rem}@-webkit-keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.quiz-loading{width:6rem;height:6rem;margin:10rem auto 0;border-radius:50%;border:3px solid #ccc;border-top:3px solid var(--clr-primary-5);-webkit-animation:spinner .6s linear infinite;animation:spinner .6s linear infinite}.quiz-modal-container{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;opacity:0;transition:var(--transition);z-index:-1}.isOpen{opacity:1;z-index:999}.quiz-modal-content{background:var(--clr-white);width:90vw;max-width:var(--fixed-width);padding:3rem;border-radius:var(--radius);text-align:center;position:relative}.quiz-modal-content p{font-size:1.5rem;text-transform:none}.quiz-close-btn{margin-right:auto;width:35%}
/*# sourceMappingURL=main.39df7ed0.chunk.css.map */