@import url(https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background:#fff;--text-primary:#000;--text-secondary:#fff;--accent:purple}[data-theme=dark]{--background:#000;--text-primary:#fff;--text-secondary:#000;--accent:darkred}.App{background-color:var(--background);color:var(--text-primary);font-size:large;font-weight:700;height:calc(100vh - 40px);padding:20px;transition:all .5s}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.newbookmark{background-color:var(--text-secondary);color:var(--background)}.text-field{border-style:solid;display:center;font-family:DM Sans,sans-serif;font-size:1.1rem;font-weight:500;height:2rem;margin-bottom:2rem;padding:.5rem;width:20rem}input::-webkit-input-placeholder{color:#cfcfcf}input::placeholder{color:#cfcfcf}span.create-message{color:#67b772}button{border:none;border-radius:.2rem;cursor:pointer;font-family:DM Sans,sans-serif;font-size:1.4rem;padding:1rem;text-align:center;width:21.2rem}button:hover.help,button:hover.submit{background-color:#ffef5a;color:#36a936}.message{color:#36a936;font-size:1.2rem;-webkit-text-decoration:center;text-decoration:center}.bookmark-container{background-color:var(--text-secondary);color:var(--text-primary);height:150vh;width:100%}.newbookmark-upper img{height:550px}.newbookmark-upper{align-items:center;display:flex;height:600px;justify-content:space-evenly;width:100%}.newbookmark-upper>*{align-items:center;display:flex;height:100%;justify-content:center;margin-top:80px;width:50%}.newbookmark-upper h1{align-items:center;display:flex;font-size:4rem;text-align:center;width:50%}.newbookmark-lower{align-items:center;background-color:var(--text-secondary);display:flex;flex-direction:column;height:50%;justify-content:center;width:100%}.newbookmark-lower p{margin:0}.create{display:flex;flex-direction:column}@media only screen and (max-width:376px){.bookmark-container{width:100%}body{margin:0}main{display:flex;justify-content:center}.newbookmark-upper img{height:auto;margin:0;width:20%}.newbookmark-upper h1{display:flex;flex-direction:column;font-size:40px;margin:0}.newbookmark-lower p{display:flex;padding:10px}}@media only screen and (max-width:820px){.bookmark-container{width:100%}body{margin:0}main{display:flex;justify-content:center}.newbookmark-upper img{height:auto;margin-bottom:20px;margin-top:-60px;width:60%}.newbookmark-upper h1{display:flex;flex-direction:column;font-size:40px;margin-top:40px}.newbookmark-lower p{display:flex;padding:10px}.newbookmark-lower{height:100vh}.newbookmark-upper{flex-direction:column-reverse}}.tag-items{border:1px solid;border-radius:10px;font-size:12px;height:30px;width:80px}.discover-container,.tag-items{align-items:center;display:flex;justify-content:center}.discover-container{background-color:var(--text-secondary);color:var(--text-primary);flex-direction:column}.discover-container,.dropdown{font-family:DM Sans,sans-serif}.dropdown{border-radius:10px;box-shadow:0 5px 10px;font-size:20px;padding:10px}.results{align-items:center;background-color:var(--text-secondary);display:flex;flex-wrap:wrap;font-family:DM Sans,sans-serif;justify-content:space-around;width:100%}.results-item{-webkit-animation:show 1s ease-out 0s 1;animation:show 1s ease-out 0s 1;border:1px solid;border-radius:5%;box-shadow:0 5px 10px;color:var(--text-primary);display:flex;height:150px;margin-bottom:20px;text-align:center;width:300px}.results a,.results-item{text-decoration:none}.results-item button{border:1px solid;height:px;width:70px}.find{align-items:center;background:#1e87f1;background:linear-gradient(324deg,#1e87f1,#eb7dd8);display:flex;height:700px;justify-content:space-evenly;width:100%}.search{border-radius:10px;box-shadow:0 5px 10px;font-size:20px;padding:10px;width:500px}.upper{align-items:center;display:flex;justify-content:space-around;width:100%}.scope{float:right;height:300px}.upper h1{font-size:20px}.results-item h3{font-size:18px}.results-item-left{align-items:center;background:#1e87f1;background:linear-gradient(324deg,#1e87f1,#eb7dd8);box-shadow:inset 9px 10px 51px 7px rgba(0,0,0,.3);display:flex;flex-direction:column;justify-content:center;width:10%}.results-item-right{border-left:1px solid;width:90%}.float-create{bottom:40px}.float-create,.float-create2{background-color:#fff;border-radius:50px;box-shadow:2px 2px 3px #999;color:#1e87f1;height:60px;position:fixed;right:40px;text-align:center;width:60px}.float-create2{bottom:120px}.float-create2:hover,.float-create:hover{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:rotate-center;animation-name:rotate-center;background-color:#1e87f1;color:#fff;cursor:pointer}.legend{align-items:center;display:flex;flex-direction:column;font-family:DM Sans,sans-serif}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes show{0%{opacity:0}to{opacity:100%}}@keyframes show{0%{opacity:0}to{opacity:100%}}@media (min-device-width:320px) and (max-device-width:812px){.scope{height:200px;margin:30px 0 0}.find{flex-direction:column;height:80vh;justify-content:center}.dropdown,.search{width:50%}}.home{align-items:center;background-color:var(--text-secondary);color:var(--text-secondary);display:flex;flex-direction:column;font-family:DM Sans,sans-serif;justify-content:space-between;width:100%}.home-upper,.welcome{display:flex;height:90vh}.welcome{flex-direction:column}.welcome,.welcome-right{align-items:center;justify-content:center;width:50%}.welcome-right{display:flex;height:90vh}.welcome-right img{height:550px}.welcome h1{font-size:80px}.welcome h1,.welcome h3{color:var(--text-primary)}.welcome h3{font-size:60px}.welcome p{color:var(--text-primary);font-size:30px;font-style:italic;text-align:center}span{color:#6da7f4}@media (min-device-width:320px) and (max-device-width:812px){.home{width:100%}.welcome-right img{height:0}.welcome-right{height:0;width:0}.home-upper{flex-direction:column;height:100vh}.welcome{margin-top:40px;text-align:center;width:100%}.welcome h1{margin-top:120px}.welcome h3{margin-top:-80px}}.Info{align-items:center;background-color:var(--text-secondary);color:var(--text-secondary);display:flex;flex-direction:column;height:100vh;min-height:90vh;width:100%}.Heading,.boxes{color:var(--text-primary)}.boxes{align-items:center;display:flex;height:70%;justify-content:space-around;width:90%}.boxes>*{background-color:#e9f3fc;background-color:var(--background);border-radius:2%;display:flex;flex-direction:column;height:500px;width:400px}.art,.boxes>*{overflow:hidden}.art{background-color:blue;height:25%;width:100%}.hide{margin-bottom:-100%;opacity:0}.show{left:0;opacity:1}.boxes>* p{font-size:20px;margin:20px}.boxes a{text-decoration:none}.box-button{background-color:#000;border:1px solid;color:#fff;margin-bottom:0;padding:20px;text-align:center;width:100px}@media (min-device-width:320px) and (max-device-width:812px){.Info{height:200vh;justify-content:space-evenly;margin-top:100px}.boxes{flex-direction:column}.boxes>*{border:1px solid;height:600px;margin-top:30px;overflow:scroll;width:80%}.boxes>* h1,.boxes>* p{margin:0;text-align:center}}.NavBar{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:#fff;display:flex;height:80px;position:fixed;top:0;width:100%;z-index:1}.NavLogo{width:150px}.NavLogo,.nav-icons{align-items:center;display:flex;justify-content:center}.nav-icons{height:10%;position:fixed;right:0;width:90px;z-index:2}.nav-icon{height:40px;width:40px}.NavLinks{background-color:#fff;height:100%;overflow-x:hidden;padding-top:60px;position:fixed;right:0;top:0;transition:.5s;width:0;z-index:1}.NavLinks a{color:#000;display:block;font-size:25px;padding:8px 8px 8px 32px;text-decoration:none;transition:.3s}.NavLinks a:hover{background-color:gray;color:#fff}.NavLinks.active{width:250px}.logo{height:60px;margin-left:25px;width:150px}.theme-button{background-color:var(--background);border:2px solid var(--text-primary);color:var(--text-primary);float:right;height:60px;margin-left:200px;margin-top:7px;position:absolute;transition:all .5s;width:60px}@media (min-device-width:320px) and (max-device-width:812px){.NavBar{width:100%}.Nav-icons{top:0}}.about-container{color:var(--background);height:400vh;width:100%}.about-container,.boxes2{align-items:center;background-color:var(--text-secondary);display:flex;flex-direction:column}.boxes2{justify-content:space-around}.boxes2>*{background-color:#e9f3fc;border-radius:2%;display:flex;flex-direction:column;height:400px;overflow:hidden;width:750px}.boxes2
.art2{height:25%;overflow:hidden;width:100%}.about h2{margin-left:5rem;margin-right:5rem;padding-top:2rem}.about h2,a.anchor{font-family:DM Sans,sans-serif}a.anchor{font-size:2rem;padding-left:2rem;text-align:center;text-decoration:none}a.anchor:link,a.anchor:visited{color:#000}a.anchor:hover{color:#f5c448}.follow img{align-items:center;display:flex;height:500px}.about-container h1{margin-top:150px}.about-container h1,.about-container h2{color:var(--text-primary);text-align:center;width:100%}.about-container h2{align-items:center;display:flex;flex-direction:column;margin:0}.about{margin:0 20px}.heading{color:var(--text-secondary)}@media only screen and (max-width:820px){.about-container h2{align-items:center;display:flex;flex-direction:column;font-size:20px;margin:0;width:100%}.about-container h1{margin-top:90px}body{margin:0}.follow img{height:auto;margin:0;width:40%}.follow{display:flex;justify-content:center}.boxes2>*{width:100%}.about-container{margin:0}main{justify-content:center}.about,main{display:flex}.about{align-items:center;flex-direction:column;padding:0 20px}}@media only screen and (max-width:376px){.about-container h2{align-items:center;display:flex;flex-direction:column;font-size:20px;margin:0;width:100%}.about-container h1{margin-top:90px}body{margin:0}.follow img{height:auto;margin:0;width:70%}.follow{display:flex;justify-content:center}.boxes2>*{width:100%}.about-container{margin:0}main{justify-content:center}.about,main{display:flex}.about{align-items:center;flex-direction:column;padding:0 20px}}.bookmark{align-items:center;display:flex;font-family:DM Sans,sans-serif;height:100vh;justify-content:center;width:100%}.booke-container{border-radius:20px;box-shadow:0 3px 20px;display:flex;flex-direction:column;height:80%;margin-top:50px;overflow:hidden;width:80%}.booke-img{height:10%;width:100%}.booke-nav{display:flex;justify-content:space-between;margin-left:10px;margin-top:15px;width:60px}.booke{background-color:#fff;flex-direction:column;height:90%;justify-content:space-around;text-align:center;width:100%}.booke,.booke-link{align-items:center;display:flex}.booke-link{background-color:#1e87f1;border-radius:20px;box-shadow:0 5px #1768b9;height:50px;justify-content:center;transition:-webkit-transform .1s ease-out;transition:transform .1s ease-out;transition:transform .1s ease-out,-webkit-transform .1s ease-out;width:200px}.booke-link:active{box-shadow:none;-webkit-transform:translateY(5px);transform:translateY(5px)}.booke-link:hover{color:#5aa5f1}.booke>a{color:#fff;font-size:30px;text-decoration:none}.thumb{height:40px;width:60px}.thumb:hover{cursor:pointer}.react{border:1px solid #000;box-shadow:0 1px 10px;width:500px}.react,.react div{align-items:center;display:flex;justify-content:space-evenly}.react div{height:60px;width:150px}.react div h1{border-left:1px solid;font-size:30px;padding-left:20px}.booke-title{font-size:100px}@media (min-device-width:320px) and (max-device-width:812px){.react{border:none;box-shadow:none;margin-bottom:20px;width:100%}.booke-title{font-size:40px}.booke-description{font-size:20px}}
/*# sourceMappingURL=main.73d85e9d.css.map*/