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}.navbar{align-items:center;display:flex;font-size:larger;justify-content:space-between;padding-left:8vw;padding-right:8vw}.navbar .bloglogo{height:100%}.navbar__bars{display:none;position:relative}@media screen and (max-width:800px){.navbar__bars{align-items:center;width:50px}.navbar__bars,.navbar__bars .ham-content{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.navbar__bars .ham-content{background-color:#f1f1f1;border:solid;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);flex-direction:column;position:absolute;right:0;top:-25px;z-index:1}.navbar__bars .ham-content .ham-item{border:solid;border-width:.5px;color:#282c34;padding-left:3px;padding-right:3px;text-decoration:none}.navbar__bars .ham-content .ham-item:active{background-color:#ff0}}.navbar .navbtns{align-items:center;display:flex;font-weight:600}@media screen and (max-width:800px){.navbar .navbtns{display:none}}.navbar .navbtns .navitem{color:#282c34;padding:.6vw;text-decoration:none}.navbar .navbtns .navitem:hover{color:#2bed25}@media screen and (max-width:450px){.navbar{height:20vw}}.sticky{background-color:#fff;left:0;position:fixed;right:0;top:0;z-index:10}.navcontent{display:grid;font-family:Libre Baskerville;font-size:180%;grid-template-columns:1fr 1fr;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;margin-bottom:5vw;padding-left:8vw;padding-right:8vw}@media screen and (max-width:800px){.navcontent{font-size:120%}}.navcontent__img{width:100%}.navcontent__author{color:#899499;font-size:smaller;padding:2px}.navcontent .searchbox{height:4vw;margin-top:5px;position:relative;width:25vw}.navcontent .searchbox__inp{font-size:90%;height:100%;left:0;overflow-y:hidden;padding:1.5%;position:absolute;resize:none;top:0;width:100%}.navcontent .searchbox .searchresults{background-color:#fff;border:1px solid;height:30vh;left:0;overflow-x:hidden;overflow-y:auto;position:absolute;top:3.5vw;width:100%}.navcontent .searchbox .searchresults .searchItem{border-bottom:1px solid;border-color:gray;display:flex;flex-direction:column}.navcontent .searchbox .searchresults .searchItem:hover .searchItem__desc{cursor:pointer;display:flex}.navcontent .searchbox .searchresults .searchItem__title{align-items:center;color:#282c34;display:flex;font-size:2vw;justify-content:space-between;padding:3px;text-decoration:none}.navcontent .searchbox .searchresults .searchItem__title #tags{color:#46c96f;padding:4px}.navcontent .searchbox .searchresults .searchItem__title:hover{border-bottom:none;cursor:pointer}.navcontent .searchbox .searchresults .searchItem__desc{border-top:solid;border-top-color:#c1c0c0;border-top-width:1px;color:gray;display:none;font-size:small;padding:3px}@media screen and (max-width:800px){.navcontent .searchbox{height:4vw;width:35vw}.navcontent .searchbox .searchresults{top:clamp(17px,3.5vw,28px);width:100%}.navcontent .searchbox .searchresults .searchItem__desc{font-size:x-small}}.navcontent .searchbox .searchicn{height:100%;position:absolute;right:-1px;top:0}@media screen and (max-width:800px){.navcontent .searchbox .searchicn{right:-5px}}@media screen and (max-width:450px){.navcontent{align-items:center;background-color:#000;color:#fff;font-size:90%;height:70vw;justify-content:center;position:relative}.navcontent,.navcontent .navquote{display:flex;flex-direction:column}.navcontent .navquote{justify-content:left;z-index:1}.navcontent__author{color:#fff;font-size:80%}.navcontent__img{height:100%;left:0;opacity:.6;position:absolute;top:0}.navcontent .searchbox{height:6vw;position:relative;width:40vw}.navcontent .searchbox .searchicn{color:#000;position:absolute;right:-6px;top:0}.navcontent .searchbox .searchresults{border:1px solid #000;height:75px;left:0;position:absolute;top:min(5.5vw,20px)}.navcontent .searchbox .searchresults .searchItem__title{font-size:small}.navcontent .searchbox .searchresults .searchItem__title #tags{font-size:x-small}}*{box-sizing:border-box;margin:0;padding:0}.button-basic{background-color:#158bf9}.button-basic,.button-danger{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;margin:10px;padding:5px}.button-danger{background-color:#f94315}.main-container{display:flex;flex-direction:column;min-height:100vh}.blogs{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-left:25px;margin-right:25px}.blogs .card{border:solid;border-color:#c5c5c5;border-radius:10px;display:flex;flex-direction:column;height:370px;justify-content:space-between;margin:5px;padding:15px;position:relative;text-align:center;width:280px}.blogs .card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2);transition:.3s}.blogs .card .card-content{overflow:hidden}.blogs .card .card-content .card-author{color:#899499}.blogs .card .card-content .card-tag{background-color:#f9c74f;border-radius:.5em;color:#fff;display:inline-block;font-size:.8em;font-weight:700;padding:.2em .5em;position:absolute;right:-19px;text-transform:uppercase;top:-6px;z-index:1}.blogs .card .card-content .card-tag.action{background-color:#f94144}.blogs .card .card-content .card-tag.romance{background-color:#f45af9}.blogs .card .card-content .card-tag.scifi{background-color:#43aa8b}.blogs .card .card-content .card-tag.comedy{background-color:#f8961e}.blogs .card .card-content .card-tag.tech{background-color:#586d8b}.blogs .card .card-content .card-tag.food{background-color:#f3722c}.blogs .card .card-content .card-tag.education{background-color:#01a7fb}.blogs .card .card-content .card-tag.sports{background-color:#0019ff}.blogs .card .card-content .card-tag.general{background-color:#00c023}@media screen and (max-width:800px){.blogs .card{height:340px;width:clamp(210px,27vw,280px)}}@media screen and (max-width:450px){.blogs .card{height:53vh;width:75vw}}.fab-container{bottom:32px;position:fixed;right:32px;z-index:5}.fab-container .fab-icn{background-color:#3eb3ff;color:#f2f3f4}.fab-container .fab-icn:hover{background-color:#2895d5}.blg-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;margin-right:4px}.blg-header,.blg-header #blg-tagmenu{margin-left:4px}.blg-header #blg-tagmenu:hover #tag-dropdown{display:block}.blg-header #blg-tagmenu #dropbtn-tag{align-items:center;background-color:#4caf50;border:none;color:#fff;cursor:pointer;display:flex;font-size:clamp(10px,1.2vw,26px);height:3.5vw;justify-content:center;padding:16px;width:clamp(94px,11vw,300px)}.blg-header #blg-tagmenu #tag-dropdown{background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);cursor:pointer;display:none;list-style:none;position:absolute;width:clamp(94px,11vw,300px);z-index:3}.blg-header #blg-tagmenu #tag-dropdown li{display:block;padding:12px 16px;text-decoration:none}.blg-header #blg-tagmenu #tag-dropdown li:hover{background-color:#f1f1f1}.blg-header .row{border-radius:5px;height:3.5vw;position:relative;width:88vw}.blg-header .row #blgtitle-input{font-size:1.9vw;height:100%;left:0;overflow-y:hidden;padding:.7%;position:absolute;resize:none;text-align:center;top:0;width:100%}@media screen and (max-width:800px){.blg-header #blg-tagmenu #tag-dropdown li{padding:10px 12px}.blg-header #blg-tagmenu #dropbtn-tag{font-size:clamp(13px,1.9vw,16px);padding:2.7vw}.blg-header .row{height:5vw}.blg-header .row #blgtitle-input{font-size:2.3vw;padding:.8%}}@media screen and (max-width:450px){.blg-header #blg-tagmenu #dropbtn-tag{padding:4vw}.blg-header .row{height:8vw}.blg-header .row #blgtitle-input{font-size:3.5vw;padding:1.5%}}.loading{left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9999}.loading img{margin:0 auto}@media screen and (max-width:450px){.loading img{width:30px}}button{float:right}.about-container{align-self:center;display:flex;justify-self:center;margin:10px auto auto;padding:5px;width:85vw}.about-container #Yahya{max-height:45vw;width:clamp(194px,20vw,800px)}.about-container #about-text{padding:5px}.about-container #about-text ul{list-style:circle;list-style-position:inside;margin-top:15px}@media screen and (max-width:800px){.about-container #about-text{font-size:.7rem}}@media screen and (max-width:450px){.about-container{align-items:center;flex-direction:column}.about-container #Yahya{max-height:none;max-width:75vw}.about-container #about-text{font-size:.65rem}.about-container #about-text ul{list-style-position:outside}}.container-heading{align-self:center;justify-self:center;margin-left:6.5%;margin-right:6.5%;padding:3%;text-align:center}@media screen and (max-width:800px){.container-heading{font-size:1.5rem}}@media screen and (max-width:450px){.container-heading{font-size:.8rem}}input[type=file]{display:none}#img-input-button{background-color:#4bb543}.ImageContainer{align-items:center;display:flex;justify-content:space-around;margin-left:1%}@media screen and (max-width:800px){.ImageContainer{flex-direction:column}}@media screen and (max-width:450px){.ImageContainer{flex-direction:column}}.ContainerItem{height:350px;height:25vw;margin-bottom:10px}@media screen and (max-width:800px){.ContainerItem{height:45vw}}@media screen and (max-width:450px){.ContainerItem{height:50vw}}#cancel-btn{background-color:#f12f2f}#dropbtn{align-items:center;background-color:#4caf50;border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:16px;width:158px}@media screen and (max-width:800px){#dropbtn{font-size:15px;height:7.5vw;width:clamp(106px,17vw,160px)}}@media screen and (max-width:450px){#dropbtn{font-size:13px}}#dropdown-menu{display:inline-block;margin-bottom:10px;position:relative}#dropdown-menu:hover .dropdown-list{display:block}#dropdown-menu:hover #dropbtn{background-color:#3e8e41}.dropdown-list{background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);cursor:pointer;display:none;list-style:none;min-height:230px;position:absolute;width:158px;z-index:1}.dropdown-list li{display:block;padding:12px 16px;text-decoration:none}.dropdown-list li:hover{background-color:#f1f1f1}@media screen and (max-width:800px){.dropdown-list{height:7.5vw;width:clamp(106px,17vw,160px)}}@media screen and (max-width:450px){.dropdown-list{font-size:13px;min-height:200px}}#slider{align-items:center;display:flex;justify-content:space-around}.login-container{border:1px solid gray;border-radius:10px;display:flex;flex-direction:column;height:77vh;justify-content:space-between;left:50%;margin-bottom:0;margin-top:15vh;position:fixed;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:clamp(150px,45vw,560px)}.login-container .creds{align-items:center;display:flex;flex-direction:column;height:clamp(510px,90%,1000px);justify-content:center;padding:10px}.login-container .creds .field{display:flex;height:10%;margin-bottom:1.5vw;width:100%}.login-container .login-btns{align-items:center;display:flex;justify-content:space-around;margin-bottom:1vw;margin-top:1vw}.login-container h1{font-size:2rem;margin-bottom:20px}.login-container label{font-size:1.3rem}.login-container input[type=email],.login-container input[type=password],.login-container input[type=text]{border:1px solid #ccc;border-radius:5px;font-size:1rem;height:90%;margin-bottom:20px;padding:10px;width:100%}.login-container button[type=submit]{background-color:#00aeef;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;text-align:center;text-decoration:none}@media screen and (max-width:800px){.login-container{margin:10vh auto auto;width:70%}.login-container label{font-size:1rem}}@media screen and (max-width:450px){.login-container{height:55vh;margin:10vh auto auto;width:70%}.login-container label{font-size:.8rem}.login-container #signup-btn,.login-container button[type=submit]{font-size:.9rem}.login-container input[type=password],.login-container input[type=text]{border:1px solid #ccc;border-radius:5px;font-size:.75rem;height:50%;margin-bottom:20px;padding:10px;width:100%}}#signup-btn{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;text-align:center;text-decoration:none}.blog-container{margin:0 0 30px 30px;overflow:hidden;overflow-wrap:break-word;padding:10px;width:95vw}.blog-container .blog-author{display:flex;font-family:Open Sans,sans-serif;font-size:17px}.blog-container .blog-date{display:flex;font-family:Open Sans;font-size:.85rem}
/*# sourceMappingURL=main.908b9cb2.css.map*/