@import"https://fonts.googleapis.com/css2?family=Courgette&display=swap";@import"https://fonts.googleapis.com/css2?family=Lora&family=Merriweather+Sans:wght@700&family=Montserrat:wght@500&family=Open+Sans:ital,wght@1,300&family=Poppins&display=swap";.footer{background-color:var(--primary-color);color:var(--primary-backround);width:device-width;margin:0;padding-bottom:5px;position:relative;z-index:3;font-family:var(--author-font)}.footer .top{padding:20px 20px 5px;flex-wrap:wrap;color:var(--primary-backround);display:flex;justify-content:space-around}.footer .top .company,.footer .top .developer,.footer .top .categories,.footer .top .privacy{width:250px;color:var(--primary-backround)}@media only screen and (max-width: 400px){.footer .top .company .slogan,.footer .top .developer .slogan,.footer .top .categories .slogan,.footer .top .privacy .slogan{font-size:15px}}.footer .top .company .source-code,.footer .top .developer .source-code,.footer .top .categories .source-code,.footer .top .privacy .source-code{display:flex;align-items:center;padding:4px}@media only screen and (max-width: 400px){.footer .top .company .source-code,.footer .top .developer .source-code,.footer .top .categories .source-code,.footer .top .privacy .source-code{font-size:15px}}.footer .top .company a,.footer .top .developer a,.footer .top .categories a,.footer .top .privacy a{color:var(--primary-backround);text-decoration:none}.footer .top .company a:hover,.footer .top .developer a:hover,.footer .top .categories a:hover,.footer .top .privacy a:hover{text-decoration:underline;color:#fff}.footer .top .company img,.footer .top .developer img,.footer .top .categories img,.footer .top .privacy img{width:100px}.footer .top .developer,.footer .top .categories,.footer .top .privacy{display:flex;flex-direction:column;width:170px}@media only screen and (max-width: 400px){.footer .top .developer,.footer .top .categories,.footer .top .privacy{width:fit-content;margin-top:10px}}.footer .top .developer h5,.footer .top .categories h5,.footer .top .privacy h5{font-size:15px;margin-bottom:7px;margin-top:0}@media only screen and (max-width: 400px){.footer .top .developer h5,.footer .top .categories h5,.footer .top .privacy h5{font-size:15px}}.footer .top .developer a,.footer .top .categories a,.footer .top .privacy a{display:flex;align-items:center;padding:4px}@media only screen and (max-width: 400px){.footer .top .developer a,.footer .top .categories a,.footer .top .privacy a{font-size:13px}}.footer .top .categories p{margin:0}.footer .bottom{text-align:center;width:100%}.navbar{display:flex;align-items:center;background-color:var(--primary-backround);padding:5px;margin:0;position:fixed;width:100%;z-index:5}@media only screen and (max-width: 400px){.navbar{position:relative}}.navbar .logo{margin:3px 0 0 5%;justify-self:flex-start}@media only screen and (min-width: 400px){.navbar .logo img{width:120px}}@media only screen and (max-width: 400px){.navbar .logo img{width:90px}}.navbar .hamburger{justify-self:flex-end;margin-left:auto;margin-right:20px;font-size:40px;font-weight:700;cursor:pointer}.navbar .hamburger:hover{font-size:42px}.navbar .mobile-nav{position:fixed;top:-19px;right:0;background-color:var(--primary-color);list-style:none;color:var(--primary-backround)!important;text-align:left;font-size:17px;border-radius:3px;height:100vh;width:220px;z-index:5;font-size:20px;padding:13px 10px 13px 30px}.navbar .mobile-nav .active-style-green,.navbar .mobile-nav .active-style-grey,.navbar .mobile-nav .nav-link-container .nav-link-green .active-style-green,.navbar .nav-link-container .nav-link-green .mobile-nav .active-style-green{text-decoration:underline;color:#fff}.navbar .mobile-nav a{text-decoration:none;color:var(--primary-backround);margin-top:30px}.navbar .mobile-nav a:hover{color:#fff;font-weight:700}.navbar .mobile-nav:last-child{margin-top:15px}.navbar .nav-link-container{display:flex;margin-right:0;padding:0;list-style:none;height:2rem;width:80%;justify-content:flex-end;margin-top:auto}@media only screen and (max-width: 920px){.navbar .nav-link-container{padding-right:20px}}.navbar .nav-link-container .nav-link-grey,.navbar .nav-link-container .nav-link-green{margin:-5px 10px 11px 0;display:inline-block;width:40px;white-space:nowrap;padding:1% 4px 3px 1%}.navbar .nav-link-container .nav-link-grey .active-style-grey,.navbar .nav-link-container .nav-link-green .active-style-grey,.navbar .nav-link-container .nav-link-green .active-style-green{color:#205d2e;font-weight:700;display:inline-block;position:relative;text-decoration:none;margin-top:0}.navbar .nav-link-container .nav-link-grey .active-style-grey:after,.navbar .nav-link-container .nav-link-green .active-style-grey:after,.navbar .nav-link-container .nav-link-green .active-style-green:after{content:"";position:absolute;width:100%;transform:scaleX(1);height:2px;bottom:0;left:0;background-color:#205d2e;transform-origin:bottom right;transition:transform .25s ease-out}.navbar .nav-link-container .nav-link-grey a,.navbar .nav-link-container .nav-link-green a{color:var(--primary-color);font-family:var(--author-font);text-decoration:none;font-weight:500;font-size:17px;padding:0;display:inline-block;position:relative}.navbar .nav-link-container .nav-link-grey a:hover,.navbar .nav-link-container .nav-link-green a:hover{color:#205d2e;font-weight:600}.navbar .nav-link-container .nav-link-grey a:after,.navbar .nav-link-container .nav-link-green a:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:var(--accent-color);transform-origin:bottom right;transition:transform .25s ease-out}.navbar .nav-link-container .nav-link-grey a:hover:after,.navbar .nav-link-container .nav-link-green a:hover:after{transform:scaleX(1);transform-origin:bottom left}.navbar .nav-link-container .nav-link-green .active-style-green{color:var(--primary-backround)}.navbar .nav-link-container .nav-link-green .active-style-green:after{background-color:var(--primary-backround)}.navbar .nav-link-container .nav-link-green a{color:var(--primary-backround)}.navbar .nav-link-container .nav-link-green a:hover{color:var(--secondary-backround)}.navbar .nav-link-container .nav-link-green a:after{background-color:var(--secondary-backround)}.navbar .sign-up-btn-grey,.navbar .sign-up-btn-green{background-color:var(--primary-color);padding:8px 15px;border:none;margin:0 5% 4px 10px;border-radius:20px}@media only screen and (max-width: 640px){.navbar .sign-up-btn-grey,.navbar .sign-up-btn-green{padding:2px;margin:0 0 0 -5px;border-radius:10px;color:var(--primary-color)!important}}.navbar .sign-up-btn-grey:hover,.navbar .sign-up-btn-green:hover{background-color:var(--hover-color)}@media only screen and (max-width: 640px){.navbar .sign-up-btn-grey:hover,.navbar .sign-up-btn-green:hover{background-color:var(--secondary-backround)}}.navbar .sign-up-btn-grey .sign-up,.navbar .sign-up-btn-green .sign-up,.navbar .sign-up-btn-green .sign-up-green{display:inline-block;width:100%;white-space:nowrap;padding:1% 4px 1% 1%;color:var(--primary-backround);text-decoration:none;font-size:17px}@media only screen and (max-width: 640px){.navbar .sign-up-btn-grey .sign-up,.navbar .sign-up-btn-green .sign-up,.navbar .sign-up-btn-green .sign-up-green{padding:3px;margin:0;border-radius:10px;background-color:var(--secondary-backround);color:var(--primary-color)!important}}.navbar .sign-up-btn-grey .sign-up a,.navbar .sign-up-btn-green .sign-up a,.navbar .sign-up-btn-green .sign-up-green a{color:var(--primary-backround);font-size:20px}.navbar .sign-up-btn-green{background-color:var(--primary-backround)}.navbar .sign-up-btn-green:hover{background-color:var(--secondary-backround)}@media only screen and (max-width: 640px){.navbar .sign-up-btn-green{background-color:var(--secondary-backround);padding:0;margin:0}}.navbar .sign-up-btn-green .sign-up-green{padding:0;color:var(--primary-color)}.navbar .sign-up-btn-green .sign-up-green a{color:var(--primary-color)}.navbar .mini-profile{border:1px solid var(--secondary-backround);border-radius:20px;padding:0 15px 0 0;display:flex;flex-direction:row;min-width:100px;margin:0 -5px 0 0;height:2.1rem;width:max-content;color:var(--accent-backround);cursor:pointer}.navbar .mini-profile:hover{background-color:#ccc}@media only screen and (max-width: 640px){.navbar .mini-profile{color:var(--primary-backround)!important}}.navbar .mini-profile .username{text-align:center;margin:auto 3px;padding-left:5px;font-family:var(--author-font);font-weight:400}.navbar .mini-profile .avatar{width:30px;height:30px;border-radius:50%;margin:auto 0 auto 3px}.navbar .mini-profile .expand-icon{margin:auto 0 auto auto}.navbar .mini-profile .expand-icon:first-child{padding:auto}.hero-container{background-color:var(--primary-backround);margin:0;width:100vw;padding-top:30px}@media only screen and (max-width: 400px){.hero-container{padding-top:0}}.hero-container .hero{display:flex;flex-wrap:wrap;padding:20px 80px}@media only screen and (max-width: 800px){.hero-container .hero{padding:10px 30px}}@media only screen and (max-width: 400px){.hero-container .hero{padding:0 20px}}.hero-container .hero .hero-left{width:50%;display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width: 800px){.hero-container .hero .hero-left{width:95%}}.hero-container .hero .hero-left .slogan{font-size:33px;font-family:var(--main-header-font)}@media only screen and (max-width: 800px){.hero-container .hero .hero-left .slogan{font-size:25px}}.hero-container .hero .hero-left .tagline{font-size:20px;margin-top:0;font-family:var(--subheadings-font)}.hero-container .hero .hero-left .tagline .span{color:var(--primary-color);background-color:#cad8c5;min-width:300px;padding:5px 15px;border-radius:20px;margin:0 20px 0 10px;line-height:30px;white-space:nowrap}.hero-container .hero .hero-left button{background-color:var(--primary-color);border-radius:20px;padding:8px 15px;border:none;margin:10px 20px 0 0;width:79%;font-size:20px;font-family:var(--main-header-font)}@media only screen and (max-width: 400px){.hero-container .hero .hero-left button{width:160px;font-size:15px;align-self:center;margin-bottom:20px}}.hero-container .hero .hero-left button:hover{background-color:var(--hover-color)}.hero-container .hero .hero-left button .sign-up{display:inline-block;width:100%;white-space:nowrap;padding:1% 4px 1% 1%;color:var(--primary-backround);text-decoration:none}.hero-container .hero .hero-left button .sign-up a{color:var(--primary-backround)}.hero-container .hero .hero-right{width:50%;align-content:center}.hero-container .hero .hero-right img{width:500px;margin-left:30px}@media only screen and (max-width: 800px){.hero-container .hero .hero-right img{display:none}}.blog{display:flex;flex-direction:row;margin:30px 30px 30px 50px;border-radius:4px;width:90%;background-color:var(--primary-backround);height:160px}@media only screen and (max-width: 400px){.blog{margin-left:10px;width:97%}}@media only screen and (max-width: 1180px){.blog{height:130px}}@media only screen and (max-width: 1120px){.blog{height:140px}}@media only screen and (max-width: 1085px){.blog{height:159px}}@media only screen and (max-width: 940px){.blog{height:160px;margin:20px}}@media only screen and (max-width: 800px){.blog{height:160px}}.blog:hover{background-color:var(--secondary-backround)}.blog .blog-left{padding-left:30px;width:70%}@media only screen and (max-width: 400px){.blog .blog-left{padding-left:15px}}.blog .blog-left .blog-header{display:flex;flex-direction:row;padding:3px 0}.blog .blog-left .blog-header .username{font-size:15px;padding:0;color:var(--accent-color);margin-bottom:5px;margin-top:13px;font-family:var(--author-font)}@media only screen and (max-width: 400px){.blog .blog-left .blog-header .username{font-size:12px}}.blog .blog-left .blog-header .avatar{width:20px;height:20px;border-radius:50%;margin-right:7px;object-fit:cover;margin-top:11px}.blog .blog-left .title{margin:-6px 0 0;font-size:19px;color:#1e1e1e;cursor:pointer;font-family:var(--blog-title-font)}@media only screen and (max-width: 800px){.blog .blog-left .title{font-size:20px}}@media only screen and (max-width: 660px){.blog .blog-left .title{font-size:15px}}.blog .blog-left .title:hover{text-decoration:underline;color:#000}.blog .blog-left .short-content{color:#292a29;margin:0;overflow:visible;font-family:var(--blog-text-font);font-size:15px}@media only screen and (max-width: 800px){.blog .blog-left .short-content{font-size:13px}}@media only screen and (max-width: 400px){.blog .blog-left .short-content{font-size:12px}}.blog .blog-left .blog-footer{color:var(--accent-color);display:flex;flex-direction:row;padding:0;margin:-10px}@media only screen and (max-width: 800px){.blog .blog-left .blog-footer{font-size:13px}}.blog .blog-left .blog-footer .category{margin-left:10px;padding:2px 7px;background-color:#a6c7a6;border-radius:5px}@media only screen and (max-width: 480px){.blog .blog-left .blog-footer .category{padding:1px 3px}}.blog .blog-left .blog-footer .category:hover{background-color:#a6c7a6}.blog .blog-left .blog-footer .date{padding:2px 2px 2px 0}.blog .blog-right{float:right;margin-right:0}.blog .blog-right .blog-img{float:right;width:300px;object-fit:cover;height:160px;border-radius:0 4px 4px 0}@media only screen and (max-width: 1180px){.blog .blog-right .blog-img{height:130px}}@media only screen and (max-width: 1120px){.blog .blog-right .blog-img{height:140px}}@media only screen and (max-width: 1085px){.blog .blog-right .blog-img{height:159px}}@media only screen and (max-width: 800px){.blog .blog-right .blog-img{width:250px;height:150px}}@media only screen and (max-width: 580px){.blog .blog-right .blog-img{width:150px;height:100%}}.read{display:flex;flex-wrap:wrap-reverse;margin:60px 0;width:100vw;align-items:start;justify-content:flex-start}.read .blogs{width:900px;overflow-x:auto;max-height:28cm;scrollbar-width:none}.read .blogs .no-posts{color:var(--hover-color);width:90%;padding:15px 20px;background-color:var(--primary-backround);font-family:var(--subheadings-font);margin:auto;display:flex;justify-content:space-between}.read .blogs .no-posts .indicator{color:var(--primary-color)}.read .blogs .no-posts .view-all{background-color:var(--primary-color);color:var(--primary-backround);border-radius:3px;padding:3px 10px;cursor:pointer}.read .blogs .no-posts .view-all:hover{font-weight:700;color:#fff;background-color:var(--hover-color)}@media only screen and (max-width: 400px){.read .blogs .no-posts{width:90%}}@media only screen and (max-width: 800px){.read .blogs .no-posts{font-size:16px;padding:11px 17px}}@media only screen and (min-width: 1150px){.read .blogs{width:70%}}@media only screen and (max-width: 1180px){.read .blogs{width:100vw}}.read .blogs::-webkit-scrollbar{width:0;height:0}.read .line{margin-left:0;height:28cm}@media only screen and (max-width: 1200px){.read .line{display:none;transform:rotate(90deg)}}.read .blogs-trends-container{padding-top:0;display:flex;flex-wrap:wrap;flex:1;margin:0 30px auto auto}@media only screen and (max-width: 1180px){.read .blogs-trends-container{justify-content:space-around}}@media only screen and (max-width: 400px){.read .blogs-trends-container{width:100vw}}.read .blogs-trends-container .header-trending{color:var(--hover-color);width:100%;padding:15px 20px;background-color:var(--primary-backround);font-family:var(--subheadings-font)}@media only screen and (max-width: 400px){.read .blogs-trends-container .header-trending{width:90%}}@media only screen and (max-width: 800px){.read .blogs-trends-container .header-trending{font-size:16px;padding:11px 17px}}.read .blogs-trends-container .header-trending:before{content:"-- ";color:var(--hover-color)}.read .blogs-trends-container .trending{padding:0 20px}.blog-form .title-input,.blog-form .category-select,.blog-form .row .category-select,.row .blog-form .category-select,.blog-form .content,.blog-form .image-label .image-input{border:2px solid #ccc;border-radius:4px;margin-bottom:1rem;padding:.5rem;font-size:1rem;width:95%;color:var(--accent-backround)}.blog-form .category-select,.blog-form .row .category-select,.row .blog-form .category-select{width:97%}.blog-form .category-select option,.blog-form .row .category-select option,.row .blog-form .category-select option{background-color:#fff}.row{padding-left:5%;margin-top:0;list-style:none;display:flex;align-items:center;text-align:center}.row .row-items-container{display:flex;flex-direction:row}.row .row-items-container .row-item,.row .row-items-container .dropdown option,.row .dropdown .row-items-container option{margin-left:5px;list-style:none;padding:6px 10px;background-color:var(--secondary-color);font-family:Arial,Helvetica,sans-serif;border-radius:10px;min-width:80px;color:var(--primary-backround);white-space:nowrap;cursor:pointer}@media only screen and (max-width: 800px){.row .row-items-container .row-item,.row .row-items-container .dropdown option,.row .dropdown .row-items-container option{font-size:.8rem;padding:4px 8px}}.row .row-items-container .row-item:hover,.row .row-items-container .dropdown option:hover,.row .dropdown .row-items-container option:hover{background-color:var(--hover-color)}.row .dropdown{border:2px solid var(--secondary-color);font-family:Arial,Helvetica,sans-serif;font-size:15px;margin-left:5px;cursor:pointer;border-radius:10px;padding:6px;color:var(--primary-color);outline:none}@media only screen and (max-width: 800px){.row .dropdown{font-size:.8rem}}.row .dropdown:hover{background-color:var(--secondary-backround)}.row .dropdown option{color:var(--primary-color);font-size:1rem;cursor:pointer}.row .dropdown option:first-child{font-size:1rem}.user-profile{display:flex;flex-direction:column;padding:17px 10px 10px;align-items:center}.user-profile .user-image{width:150px;height:150px;border-radius:50%;border:2px solid var(--primary-color);padding:3px}.user-profile .username{color:var(--hover-color);margin:6px 0 0;padding:0;font-size:20px;font-family:var(--author-font)}.user-profile .head-tag{text-align:center;margin:0;font-size:15px;color:#494a49;font-family:var(--blog-text-font)}.full-blog .main .more-title,.full-blog .main .blog-article .comments-container .comments-title,.blog-article .comments-container .full-blog .main .comments-title{color:var(--hover-color);width:85.5%;padding:15px 20px;background-color:var(--primary-backround);font-size:20px;margin-left:50px;font-family:var(--subheadings-font)}@media only screen and (max-width: 800px){.full-blog .main .more-title,.full-blog .main .blog-article .comments-container .comments-title,.blog-article .comments-container .full-blog .main .comments-title{font-size:16px;padding:11px 17px}}@media only screen and (max-width: 940px){.full-blog .main .more-title,.full-blog .main .blog-article .comments-container .comments-title,.blog-article .comments-container .full-blog .main .comments-title{margin-left:20px}}.full-blog .main .more-title:before,.full-blog .main .blog-article .comments-container .comments-title:before,.blog-article .comments-container .full-blog .main .comments-title:before{content:"-- ";color:var(--hover-color)}.blog-article{padding:0 0 30px;min-height:400px}@media only screen and (max-width: 400px){.blog-article{padding:0}}.blog-article .blog-container{text-align:left;width:90%;margin:auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.blog-article .blog-container .home{color:var(--primary-color);font-size:large;display:flex;align-items:center}.blog-article .blog-container .home .back{cursor:pointer;color:var(--accent-backround)}.blog-article .blog-container .home .back:hover{color:#000}.blog-article .blog-container .home:hover{color:var(--hover-color)}.blog-article .blog-container .blog-image{width:100%;height:10cm;object-fit:cover;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 460px){.blog-article .blog-container .blog-image{height:6cm}}.blog-article .blog-container .title{color:var(--primary-color);font-family:var(----blog-title-font)}@media only screen and (max-width: 460px){.blog-article .blog-container .title{font-size:22px}}.blog-article .blog-container .header-info{font-size:15px;color:#717471}.blog-article .blog-container .header-info span{color:var(--primary-color);font-weight:700}.blog-article .blog-container .header-info .author-names{font-family:var(--author-font)}@media only screen and (max-width: 460px){.blog-article .blog-container .header-info{font-size:14px}}.blog-article .blog-container .body-content{font-size:20px;font-weight:500;color:#333;line-height:30px;word-wrap:break-word;font-family:Arial,Helvetica,sans-serif;margin:0 auto;white-space:pre-wrap}@media only screen and (max-width: 460px){.blog-article .blog-container .body-content{font-size:17px;line-height:25px}}.blog-article .blog-container .post-engagements{display:flex;flex-direction:row}.blog-article .blog-container .post-engagements .post-edit{width:100px;padding:.5rem;text-align:center;border-radius:4px;font-size:1rem;font-weight:400;cursor:pointer}.blog-article .blog-container .post-engagements .post-edit a{text-decoration:none;color:var(--primary-color)}.blog-article .blog-container .post-engagements .post-edit:hover{color:var(--primary-color);font-weight:700}.blog-article .blog-container .post-engagements .delete-modal{position:fixed;background-color:#4c4c4cd1;top:0;left:0;width:100%;height:100%;z-index:7;display:flex;justify-content:center;align-items:center}.blog-article .blog-container .post-engagements .delete-modal .modal-content{height:fit-content;background-color:#fff;border-radius:4px;box-shadow:1px 3px 4px #0003;padding:10px 18px;width:250px;text-align:center}.blog-article .blog-container .post-engagements .delete-modal .modal-content .delete-confirmation{color:var(--primary-color);margin:0;font-size:18px}.blog-article .blog-container .post-engagements .delete-modal .modal-content .delete-description{font-size:15px}.blog-article .blog-container .post-engagements .delete-modal .modal-content .modal-footer{margin-bottom:10px;display:flex;justify-content:space-around}.blog-article .blog-container .post-engagements .delete-modal .modal-content .modal-footer .modal-delete-btn{width:90px;padding:.5rem .7rem;background-color:var(--primary-backround);color:var(--primary-color);border:none;border-radius:4px;font-size:1rem;cursor:pointer}.blog-article .blog-container .post-engagements .delete-modal .modal-content .modal-footer .modal-delete-btn:hover{background-color:#f27575;color:#fff}.blog-article .blog-container .post-engagements .delete-modal .modal-content .modal-footer .modal-cancel-btn{background-color:var(--primary-color);color:var(--primary-backround);border:none;width:90px;border-radius:4px;font-size:1rem;cursor:pointer}.blog-article .blog-container .post-engagements .delete-modal .modal-content .modal-footer .modal-cancel-btn:hover{background-color:var(--hover-color);color:#fff}@media only screen and (max-width: 400px){.blog-article .comments-container .comments-title{width:100%;margin-left:0}}.profile{position:absolute;top:105%;right:2%;background-color:var(--primary-color);padding:15px;width:250px;border-radius:5px;box-shadow:1px 3px 4px #000000fe;cursor:auto}@media only screen and (max-width: 400px){.profile{right:20px}}.profile .profile-header{text-align:center}.profile .profile-header .main-avatar{width:100px;height:100px;border-radius:50%;padding:4px;border:2px solid var(--primary-backround);margin:10px auto auto}.profile .profile-header .close-btn{right:10px;position:absolute;font-weight:700;color:var(--primary-color);font-size:15px}@media only screen and (min-width: 600px){.profile .profile-header .close-btn{display:none}}.profile .profile-header .names{margin:3px 0 0;font-size:18px;font-family:var(--author-font);font-weight:400}.profile .profile-header .email{margin:3px 0 0;font-size:14px}.profile .profile-header .head-tag{margin:3px 0 0;font-size:16px}.profile .blogs-title{text-align:center;margin:0;padding:0;font-size:14px;font-family:var(--blog-text-font)}.profile .my-blogs{max-height:6cm;overflow-y:auto;padding-left:5px}.profile .my-blogs::-webkit-scrollbar{width:5px}.profile .my-blogs::-webkit-scrollbar-track{background-color:#f1f1f1}.profile .my-blogs::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.profile .my-blogs::-webkit-scrollbar-corner{background-color:#f1f1f1}.profile .my-blogs .my-blog{background-color:#226122;padding:7px 0 5px 10px;margin:5px 0;border-radius:5px}.profile .my-blogs .my-blog .title{margin:0;font-size:14px;color:#6b6b6b;cursor:pointer}.profile .my-blogs .my-blog .title:hover{text-decoration:underline;font-weight:700}.profile .my-blogs .my-blog .time{margin:0;font-style:italic;font-size:13px}.profile .buttons-container{text-align:center;padding:15px 0;display:flex}.profile .buttons-container .edit-btn,.profile .buttons-container .sign-out-btn{border-radius:20px;padding:6px;width:120px;margin:0 5px;background-color:var(--primary-backround);border-width:2px;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center}.profile .buttons-container .edit-btn:hover,.profile .buttons-container .sign-out-btn:hover{background-color:var(--hover-color);color:var(--primary-backround)!important;border-color:var(--secondary-color)!important}.profile .buttons-container .sign-out-btn:hover{background-color:#f27575;color:#fff!important;border-color:#f27575!important}.blog,.comment{display:flex;flex-direction:row;margin:30px 30px 30px 50px;border-radius:4px;width:90%;background-color:var(--primary-backround);height:160px}@media only screen and (max-width: 400px){.blog,.comment{margin-left:10px;width:97%}}@media only screen and (max-width: 1180px){.blog,.comment{height:130px}}@media only screen and (max-width: 1120px){.blog,.comment{height:140px}}@media only screen and (max-width: 1085px){.blog,.comment{height:159px}}@media only screen and (max-width: 940px){.blog,.comment{height:160px;margin:20px}}@media only screen and (max-width: 800px){.blog,.comment{height:160px}}.blog:hover,.comment:hover{background-color:var(--secondary-backround)}.blog .blog-left,.comment .blog-left{padding-left:30px;width:70%}@media only screen and (max-width: 400px){.blog .blog-left,.comment .blog-left{padding-left:15px}}.blog .blog-left .blog-header,.blog .blog-left .comment .comment-header,.comment .blog-left .blog-header,.comment .blog-left .comment-header{display:flex;flex-direction:row;padding:3px 0}.blog .blog-left .blog-header .username,.blog .blog-left .comment .comment-header .username,.blog .blog-left .comment .comment-header .comment-author,.comment .blog-left .blog-header .username,.comment .comment-header .blog-left .blog-header .comment-author,.comment .blog-left .comment-header .username,.comment .blog-left .comment-header .comment-author{font-size:15px;padding:0;color:var(--accent-color);margin-bottom:5px;margin-top:13px;font-family:var(--author-font)}@media only screen and (max-width: 400px){.blog .blog-left .blog-header .username,.blog .blog-left .comment .comment-header .username,.blog .blog-left .comment .comment-header .comment-author,.comment .blog-left .blog-header .username,.comment .comment-header .blog-left .blog-header .comment-author,.comment .blog-left .comment-header .username,.comment .blog-left .comment-header .comment-author{font-size:12px}}.blog .blog-left .blog-header .avatar,.blog .blog-left .comment .comment-header .avatar,.blog .blog-left .comment .comment-header .comment-avatar,.comment .blog-left .blog-header .avatar,.comment .comment-header .blog-left .blog-header .comment-avatar,.comment .blog-left .comment-header .avatar,.comment .blog-left .comment-header .comment-avatar{width:20px;height:20px;border-radius:50%;margin-right:7px;object-fit:cover;margin-top:11px}.blog .blog-left .title,.comment .blog-left .title{margin:-6px 0 0;font-size:19px;color:#1e1e1e;cursor:pointer;font-family:var(--blog-title-font)}@media only screen and (max-width: 800px){.blog .blog-left .title,.comment .blog-left .title{font-size:20px}}@media only screen and (max-width: 660px){.blog .blog-left .title,.comment .blog-left .title{font-size:15px}}.blog .blog-left .title:hover,.comment .blog-left .title:hover{text-decoration:underline;color:#000}.blog .blog-left .short-content,.comment .blog-left .short-content{color:#292a29;margin:0;overflow:visible;font-family:var(--blog-text-font);font-size:15px}@media only screen and (max-width: 800px){.blog .blog-left .short-content,.comment .blog-left .short-content{font-size:13px}}@media only screen and (max-width: 400px){.blog .blog-left .short-content,.comment .blog-left .short-content{font-size:12px}}.blog .blog-left .blog-footer,.comment .blog-left .blog-footer{color:var(--accent-color);display:flex;flex-direction:row;padding:0;margin:-10px}@media only screen and (max-width: 800px){.blog .blog-left .blog-footer,.comment .blog-left .blog-footer{font-size:13px}}.blog .blog-left .blog-footer .category,.comment .blog-left .blog-footer .category{margin-left:10px;padding:2px 7px;background-color:#a6c7a6;border-radius:5px}@media only screen and (max-width: 480px){.blog .blog-left .blog-footer .category,.comment .blog-left .blog-footer .category{padding:1px 3px}}.blog .blog-left .blog-footer .category:hover,.comment .blog-left .blog-footer .category:hover{background-color:#a6c7a6}.blog .blog-left .blog-footer .date,.blog .blog-left .blog-footer .comment .comment-header .comment-date,.comment .blog-left .blog-footer .date,.comment .blog-left .blog-footer .comment-header .comment-date,.comment .comment-header .blog-left .blog-footer .comment-date{padding:2px 2px 2px 0}.blog .blog-right,.comment .blog-right{float:right;margin-right:0}.blog .blog-right .blog-img,.comment .blog-right .blog-img{float:right;width:300px;object-fit:cover;height:160px;border-radius:0 4px 4px 0}@media only screen and (max-width: 1180px){.blog .blog-right .blog-img,.comment .blog-right .blog-img{height:130px}}@media only screen and (max-width: 1120px){.blog .blog-right .blog-img,.comment .blog-right .blog-img{height:140px}}@media only screen and (max-width: 1085px){.blog .blog-right .blog-img,.comment .blog-right .blog-img{height:159px}}@media only screen and (max-width: 800px){.blog .blog-right .blog-img,.comment .blog-right .blog-img{width:250px;height:150px}}@media only screen and (max-width: 580px){.blog .blog-right .blog-img,.comment .blog-right .blog-img{width:150px;height:100%}}.comment{flex-direction:column;padding:10px 15px;width:86%;height:fit-content;background-color:#fff;border:1px solid var(--primary-backround);z-index:1}@media only screen and (max-width: 460px){.comment{padding:7px 11px}}.comment:hover{background-color:#fff}.comment .comment-header{display:flex;flex-direction:row;justify-items:flex-start;align-items:center;padding:-10px 20px 0 0;margin:0}@media only screen and (max-width: 460px){.comment .comment-header{padding:0 15px 0 0}}.comment .comment-header .comment-avatar{height:20px;width:20px;border-radius:50%;padding:0;margin:0 15px 0 0}@media only screen and (max-width: 460px){.comment .comment-header .comment-avatar{height:18px;width:18px;margin:0 12px 0 0}}.comment .comment-header .comment-author{font-size:15px;padding:0 auto 0 0;margin:0;color:var(--primary-color);font-family:var(--author-font)}@media only screen and (max-width: 460px){.comment .comment-header .comment-author{font-size:13px}}.comment .comment-header .comment-date{color:var(--accent-backround);padding:0 10px 0 0;margin:0 0 0 auto}@media only screen and (max-width: 460px){.comment .comment-header .comment-date{padding:0 8px 0 0}}.comment .comment-content{margin:4px 0;font-size:15px;font-family:var(--blog-text-font)}.comment .delete-icon{float:right;margin-right:10px;cursor:pointer;padding:1px 5px;border-radius:2px;color:var(--primary-color);outline:none;border-color:var(--primary-color)}.comment .delete-icon:hover{background-color:#f27575;color:#fff;border-color:#f27575}.comment .delete-modal{position:fixed;background-color:#4c4c4cd1;top:0;left:0;width:100%;height:100%;z-index:50!important;display:flex;justify-content:center;align-items:center}.comment .delete-modal .modal-content{height:fit-content;background-color:#fff;border-radius:4px;box-shadow:1px 3px 4px #0003;padding:10px 18px;width:250px;text-align:center}.comment .delete-modal .modal-content .delete-confirmation{color:var(--primary-color);margin:0;font-size:18px}.comment .delete-modal .modal-content .delete-description{font-size:15px}.comment .delete-modal .modal-content .modal-footer{margin-bottom:10px;display:flex;justify-content:space-around}.comment .delete-modal .modal-content .modal-footer .modal-delete-btn{width:90px;padding:.5rem .7rem;background-color:var(--primary-backround);color:var(--primary-color);border:none;border-radius:4px;font-size:1rem;cursor:pointer}.comment .delete-modal .modal-content .modal-footer .modal-delete-btn:hover{background-color:#f27575;color:#fff}.comment .delete-modal .modal-content .modal-footer .modal-cancel-btn{background-color:var(--primary-color);color:var(--primary-backround);border:none;width:90px;border-radius:4px;font-size:1rem;cursor:pointer}.comment .delete-modal .modal-content .modal-footer .modal-cancel-btn:hover{background-color:var(--hover-color);color:#fff}.blog,.comment,.comment-input-container{display:flex;flex-direction:row;margin:30px 30px 30px 50px;border-radius:4px;width:90%;background-color:var(--primary-backround);height:160px}@media only screen and (max-width: 400px){.blog,.comment,.comment-input-container{margin-left:10px;width:97%}}@media only screen and (max-width: 1180px){.blog,.comment,.comment-input-container{height:130px}}@media only screen and (max-width: 1120px){.blog,.comment,.comment-input-container{height:140px}}@media only screen and (max-width: 1085px){.blog,.comment,.comment-input-container{height:159px}}@media only screen and (max-width: 940px){.blog,.comment,.comment-input-container{height:160px;margin:20px}}@media only screen and (max-width: 800px){.blog,.comment,.comment-input-container{height:160px}}.blog:hover,.comment:hover,.comment-input-container:hover{background-color:var(--secondary-backround)}.blog .blog-left,.comment .blog-left,.comment-input-container .blog-left{padding-left:30px;width:70%}@media only screen and (max-width: 400px){.blog .blog-left,.comment .blog-left,.comment-input-container .blog-left{padding-left:15px}}.blog .blog-left .blog-header,.blog .blog-left .comment .comment-header,.blog .blog-left .comment-input-container .comment-header,.comment .blog-left .blog-header,.comment-input-container .blog-left .blog-header,.comment .blog-left .comment-header,.comment-input-container .blog-left .comment-header{display:flex;flex-direction:row;padding:3px 0}.blog .blog-left .blog-header .username,.blog .blog-left .comment .comment-header .username,.blog .blog-left .comment-input-container .comment-header .username,.blog .blog-left .comment .comment-header .comment-author,.blog .blog-left .comment-input-container .comment-header .comment-author,.comment .blog-left .blog-header .username,.comment-input-container .blog-left .blog-header .username,.comment .comment-header .blog-left .blog-header .comment-author,.comment-input-container .comment-header .blog-left .blog-header .comment-author,.comment .blog-left .comment-header .username,.comment-input-container .blog-left .comment-header .username,.comment .blog-left .comment-header .comment-author,.comment-input-container .blog-left .comment-header .comment-author{font-size:15px;padding:0;color:var(--accent-color);margin-bottom:5px;margin-top:13px;font-family:var(--author-font)}@media only screen and (max-width: 400px){.blog .blog-left .blog-header .username,.blog .blog-left .comment .comment-header .username,.blog .blog-left .comment-input-container .comment-header .username,.blog .blog-left .comment .comment-header .comment-author,.blog .blog-left .comment-input-container .comment-header .comment-author,.comment .blog-left .blog-header .username,.comment-input-container .blog-left .blog-header .username,.comment .comment-header .blog-left .blog-header .comment-author,.comment-input-container .comment-header .blog-left .blog-header .comment-author,.comment .blog-left .comment-header .username,.comment-input-container .blog-left .comment-header .username,.comment .blog-left .comment-header .comment-author,.comment-input-container .blog-left .comment-header .comment-author{font-size:12px}}.blog .blog-left .blog-header .avatar,.blog .blog-left .comment .comment-header .avatar,.blog .blog-left .comment-input-container .comment-header .avatar,.blog .blog-left .comment .comment-header .comment-avatar,.blog .blog-left .comment-input-container .comment-header .comment-avatar,.comment .blog-left .blog-header .avatar,.comment-input-container .blog-left .blog-header .avatar,.comment .comment-header .blog-left .blog-header .comment-avatar,.comment-input-container .comment-header .blog-left .blog-header .comment-avatar,.comment .blog-left .comment-header .avatar,.comment-input-container .blog-left .comment-header .avatar,.comment .blog-left .comment-header .comment-avatar,.comment-input-container .blog-left .comment-header .comment-avatar{width:20px;height:20px;border-radius:50%;margin-right:7px;object-fit:cover;margin-top:11px}.blog .blog-left .title,.comment .blog-left .title,.comment-input-container .blog-left .title{margin:-6px 0 0;font-size:19px;color:#1e1e1e;cursor:pointer;font-family:var(--blog-title-font)}@media only screen and (max-width: 800px){.blog .blog-left .title,.comment .blog-left .title,.comment-input-container .blog-left .title{font-size:20px}}@media only screen and (max-width: 660px){.blog .blog-left .title,.comment .blog-left .title,.comment-input-container .blog-left .title{font-size:15px}}.blog .blog-left .title:hover,.comment .blog-left .title:hover,.comment-input-container .blog-left .title:hover{text-decoration:underline;color:#000}.blog .blog-left .short-content,.comment .blog-left .short-content,.comment-input-container .blog-left .short-content{color:#292a29;margin:0;overflow:visible;font-family:var(--blog-text-font);font-size:15px}@media only screen and (max-width: 800px){.blog .blog-left .short-content,.comment .blog-left .short-content,.comment-input-container .blog-left .short-content{font-size:13px}}@media only screen and (max-width: 400px){.blog .blog-left .short-content,.comment .blog-left .short-content,.comment-input-container .blog-left .short-content{font-size:12px}}.blog .blog-left .blog-footer,.comment .blog-left .blog-footer,.comment-input-container .blog-left .blog-footer{color:var(--accent-color);display:flex;flex-direction:row;padding:0;margin:-10px}@media only screen and (max-width: 800px){.blog .blog-left .blog-footer,.comment .blog-left .blog-footer,.comment-input-container .blog-left .blog-footer{font-size:13px}}.blog .blog-left .blog-footer .category,.comment .blog-left .blog-footer .category,.comment-input-container .blog-left .blog-footer .category{margin-left:10px;padding:2px 7px;background-color:#a6c7a6;border-radius:5px}@media only screen and (max-width: 480px){.blog .blog-left .blog-footer .category,.comment .blog-left .blog-footer .category,.comment-input-container .blog-left .blog-footer .category{padding:1px 3px}}.blog .blog-left .blog-footer .category:hover,.comment .blog-left .blog-footer .category:hover,.comment-input-container .blog-left .blog-footer .category:hover{background-color:#a6c7a6}.blog .blog-left .blog-footer .date,.blog .blog-left .blog-footer .comment .comment-header .comment-date,.blog .blog-left .blog-footer .comment-input-container .comment-header .comment-date,.comment .blog-left .blog-footer .date,.comment-input-container .blog-left .blog-footer .date,.comment .blog-left .blog-footer .comment-header .comment-date,.comment-input-container .blog-left .blog-footer .comment-header .comment-date,.comment .comment-header .blog-left .blog-footer .comment-date,.comment-input-container .comment-header .blog-left .blog-footer .comment-date{padding:2px 2px 2px 0}.blog .blog-right,.comment .blog-right,.comment-input-container .blog-right{float:right;margin-right:0}.blog .blog-right .blog-img,.comment .blog-right .blog-img,.comment-input-container .blog-right .blog-img{float:right;width:300px;object-fit:cover;height:160px;border-radius:0 4px 4px 0}@media only screen and (max-width: 1180px){.blog .blog-right .blog-img,.comment .blog-right .blog-img,.comment-input-container .blog-right .blog-img{height:130px}}@media only screen and (max-width: 1120px){.blog .blog-right .blog-img,.comment .blog-right .blog-img,.comment-input-container .blog-right .blog-img{height:140px}}@media only screen and (max-width: 1085px){.blog .blog-right .blog-img,.comment .blog-right .blog-img,.comment-input-container .blog-right .blog-img{height:159px}}@media only screen and (max-width: 800px){.blog .blog-right .blog-img,.comment .blog-right .blog-img,.comment-input-container .blog-right .blog-img{width:250px;height:150px}}@media only screen and (max-width: 580px){.blog .blog-right .blog-img,.comment .blog-right .blog-img,.comment-input-container .blog-right .blog-img{width:150px;height:100%}}.comment,.comment-input-container{flex-direction:column;padding:10px 15px;width:86%;height:fit-content;background-color:#fff;border:1px solid var(--primary-backround);z-index:1}@media only screen and (max-width: 460px){.comment,.comment-input-container{padding:7px 11px}}.comment:hover,.comment-input-container:hover{background-color:#fff}.comment .comment-header,.comment-input-container .comment-header{display:flex;flex-direction:row;justify-items:flex-start;align-items:center;padding:-10px 20px 0 0;margin:0}@media only screen and (max-width: 460px){.comment .comment-header,.comment-input-container .comment-header{padding:0 15px 0 0}}.comment .comment-header .comment-avatar,.comment-input-container .comment-header .comment-avatar{height:20px;width:20px;border-radius:50%;padding:0;margin:0 15px 0 0}@media only screen and (max-width: 460px){.comment .comment-header .comment-avatar,.comment-input-container .comment-header .comment-avatar{height:18px;width:18px;margin:0 12px 0 0}}.comment .comment-header .comment-author,.comment-input-container .comment-header .comment-author{font-size:15px;padding:0 auto 0 0;margin:0;color:var(--primary-color);font-family:var(--author-font)}@media only screen and (max-width: 460px){.comment .comment-header .comment-author,.comment-input-container .comment-header .comment-author{font-size:13px}}.comment .comment-header .comment-date,.comment-input-container .comment-header .comment-date{color:var(--accent-backround);padding:0 10px 0 0;margin:0 0 0 auto}@media only screen and (max-width: 460px){.comment .comment-header .comment-date,.comment-input-container .comment-header .comment-date{padding:0 8px 0 0}}.comment .comment-content,.comment-input-container .comment-content{margin:4px 0;font-size:15px;font-family:var(--blog-text-font)}.comment .delete-icon,.comment-input-container .delete-icon{float:right;margin-right:10px;cursor:pointer;padding:1px 5px;border-radius:2px;color:var(--primary-color);outline:none;border-color:var(--primary-color)}.comment .delete-icon:hover,.comment-input-container .delete-icon:hover{background-color:#f27575;color:#fff;border-color:#f27575}.comment .delete-modal,.comment-input-container .delete-modal{position:fixed;background-color:#4c4c4cd1;top:0;left:0;width:100%;height:100%;z-index:50!important;display:flex;justify-content:center;align-items:center}.comment .delete-modal .modal-content,.comment-input-container .delete-modal .modal-content{height:fit-content;background-color:#fff;border-radius:4px;box-shadow:1px 3px 4px #0003;padding:10px 18px;width:250px;text-align:center}.comment .delete-modal .modal-content .delete-confirmation,.comment-input-container .delete-modal .modal-content .delete-confirmation{color:var(--primary-color);margin:0;font-size:18px}.comment .delete-modal .modal-content .delete-description,.comment-input-container .delete-modal .modal-content .delete-description{font-size:15px}.comment .delete-modal .modal-content .modal-footer,.comment-input-container .delete-modal .modal-content .modal-footer{margin-bottom:10px;display:flex;justify-content:space-around}.comment .delete-modal .modal-content .modal-footer .modal-delete-btn,.comment-input-container .delete-modal .modal-content .modal-footer .modal-delete-btn{width:90px;padding:.5rem .7rem;background-color:var(--primary-backround);color:var(--primary-color);border:none;border-radius:4px;font-size:1rem;cursor:pointer}.comment .delete-modal .modal-content .modal-footer .modal-delete-btn:hover,.comment-input-container .delete-modal .modal-content .modal-footer .modal-delete-btn:hover{background-color:#f27575;color:#fff}.comment .delete-modal .modal-content .modal-footer .modal-cancel-btn,.comment-input-container .delete-modal .modal-content .modal-footer .modal-cancel-btn{background-color:var(--primary-color);color:var(--primary-backround);border:none;width:90px;border-radius:4px;font-size:1rem;cursor:pointer}.comment .delete-modal .modal-content .modal-footer .modal-cancel-btn:hover,.comment-input-container .delete-modal .modal-content .modal-footer .modal-cancel-btn:hover{background-color:var(--hover-color);color:#fff}.comment-input-container{height:fit-content;padding-top:.5rem;padding-bottom:0rem}.comment-input-container .comment-input{border:none;border-bottom:2px solid #ccc;resize:vertical;margin-bottom:.5rem;padding:.5rem 0 0 .5rem;overflow-y:hidden;font-size:1rem;width:98%;color:var(--accent-backround)}.comment-input-container .comment-input:hover{border-color:var(--primary-color);outline:none}.comment-input-container .comment-input:focus{border-color:var(--primary-color);outline:none}.comment-input-container .comment-input-footer{display:flex;align-items:center;justify-content:space-between;width:98%;padding:0;margin:0}.comment-input-container .comment-input-footer .char-count{justify-self:center;color:var(--hover-color)}.comment-input-container .comment-input-footer .buttons{justify-self:center}.comment-input-container .comment-input-footer .buttons .submit{padding:.5rem .7rem;background-color:var(--primary-color);color:var(--primary-backround);border:none;border-radius:4px;font-size:1rem;cursor:pointer}.comment-input-container .comment-input-footer .buttons .submit:disabled{background-color:var(--disabled-color)}.comment-input-container .comment-input-footer .buttons .submit:disabled:hover{background-color:var(--disabled-color)}.comment-input-container .comment-input-footer .buttons .submit:hover{background-color:var(--hover-color);color:#fff}.comment-input-container .comment-input-footer .buttons .cancel{margin-left:20px;padding:.5rem .7rem;background-color:var(--primary-backround);color:var(--primary-color);border:none;border-radius:4px;font-size:1rem;cursor:pointer}.comment-input-container .comment-input-footer .buttons .cancel:hover{background-color:#f27575;color:#fff}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:var(--primary-color);animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}._pagination_1yn9i_1{list-style:none;margin-top:1rem;padding-top:1rem;border-top:2px solid #ccc;font-family:var(--blog-text-font);display:flex;justify-content:center;align-items:center;font-size:1.2rem}@media only screen and (max-width: 500px){._pagination_1yn9i_1{font-size:1rem;justify-content:left}}._pagination_1yn9i_1 ._hidden_1yn9i_18{display:none}._pagination_1yn9i_1 li{border:1px solid #ccc;min-width:3rem;height:2rem;padding:3px;display:flex;justify-content:center;align-items:center;cursor:pointer;border-collapse:collapse}._pagination_1yn9i_1 li:hover{background-color:var(--primary-backround)}@media only screen and (max-width: 500px){._pagination_1yn9i_1 li{min-width:2rem;padding:2px;height:1.7rem}}._pagination_1yn9i_1 p{margin-left:1rem;color:#494a49}@media only screen and (max-width: 500px){._pagination_1yn9i_1 p{margin-left:.6rem}}._pagination_1yn9i_1 p ._page_1yn9i_51{color:var(--primary-color)}._active_1yn9i_55{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color);border-collapse:collapse}._active_1yn9i_55:hover{background-color:var(--hover-color)!important}.read,.full-blog{display:flex;flex-wrap:wrap-reverse;margin:60px 0;width:100vw;align-items:start;justify-content:flex-start}.read .blogs,.full-blog .blogs,.full-blog .main{width:900px;overflow-x:auto;max-height:28cm;scrollbar-width:none}.read .blogs .no-posts,.full-blog .blogs .no-posts,.full-blog .main .no-posts{color:var(--hover-color);width:90%;padding:15px 20px;background-color:var(--primary-backround);font-family:var(--subheadings-font);margin:auto;display:flex;justify-content:space-between}.read .blogs .no-posts .indicator,.full-blog .blogs .no-posts .indicator,.full-blog .main .no-posts .indicator{color:var(--primary-color)}.read .blogs .no-posts .view-all,.full-blog .blogs .no-posts .view-all,.full-blog .main .no-posts .view-all{background-color:var(--primary-color);color:var(--primary-backround);border-radius:3px;padding:3px 10px;cursor:pointer}.read .blogs .no-posts .view-all:hover,.full-blog .blogs .no-posts .view-all:hover,.full-blog .main .no-posts .view-all:hover{font-weight:700;color:#fff;background-color:var(--hover-color)}@media only screen and (max-width: 400px){.read .blogs .no-posts,.full-blog .blogs .no-posts,.full-blog .main .no-posts{width:90%}}@media only screen and (max-width: 800px){.read .blogs .no-posts,.full-blog .blogs .no-posts,.full-blog .main .no-posts{font-size:16px;padding:11px 17px}}@media only screen and (min-width: 1150px){.read .blogs,.full-blog .blogs,.full-blog .main{width:70%}}@media only screen and (max-width: 1180px){.read .blogs,.full-blog .blogs,.full-blog .main{width:100vw}}.read .blogs::-webkit-scrollbar,.full-blog .blogs::-webkit-scrollbar,.full-blog .main::-webkit-scrollbar{width:0;height:0}.read .line,.full-blog .line{margin-left:0;height:28cm}@media only screen and (max-width: 1200px){.read .line,.full-blog .line{display:none;transform:rotate(90deg)}}.read .blogs-trends-container,.full-blog .blogs-trends-container,.full-blog .side{padding-top:0;display:flex;flex-wrap:wrap;flex:1;margin:0 30px auto auto}@media only screen and (max-width: 1180px){.read .blogs-trends-container,.full-blog .blogs-trends-container,.full-blog .side{justify-content:space-around}}@media only screen and (max-width: 400px){.read .blogs-trends-container,.full-blog .blogs-trends-container,.full-blog .side{width:100vw}}.read .blogs-trends-container .header-trending,.full-blog .blogs-trends-container .header-trending,.full-blog .side .header-trending{color:var(--hover-color);width:100%;padding:15px 20px;background-color:var(--primary-backround);font-family:var(--subheadings-font)}@media only screen and (max-width: 400px){.read .blogs-trends-container .header-trending,.full-blog .blogs-trends-container .header-trending,.full-blog .side .header-trending{width:90%}}@media only screen and (max-width: 800px){.read .blogs-trends-container .header-trending,.full-blog .blogs-trends-container .header-trending,.full-blog .side .header-trending{font-size:16px;padding:11px 17px}}.read .blogs-trends-container .header-trending:before,.full-blog .blogs-trends-container .header-trending:before,.full-blog .side .header-trending:before{content:"-- ";color:var(--hover-color)}.read .blogs-trends-container .trending,.full-blog .blogs-trends-container .trending,.full-blog .side .trending{padding:0 20px}.trend{width:280px;margin-bottom:30px}@media only screen and (max-width: 1180px){.trend{width:400px}}@media only screen and (max-width: 880px){.trend{width:85vw}}.trend .trend-content{padding-left:20px}.trend .trend-content:hover{color:#000}.trend .trend-content .username{font-size:12px;padding:1px;margin:0;color:#454745;font-family:var(--author-font)}@media only screen and (max-width: 800px){.trend .trend-content .username{font-size:11px}}.trend .trend-content .username img{width:15px;height:15px;border-radius:50%;margin-right:5px}.trend .trend-content .title{margin:0;font-size:16px;color:#494a49;padding:0;cursor:pointer;font-family:var(--blog-title-font)}@media only screen and (max-width: 800px){.trend .trend-content .title{font-size:16px}}@media only screen and (max-width: 660px){.trend .trend-content .title{font-size:14px}}.trend .trend-content .title:hover{text-decoration:underline;color:#000}.trend .trend-content .short-content{margin:0;font-size:14px;font-family:var(--blog-text-font)}.trend .trend-content .trend-footer{margin:0;display:flex;flex-direction:row;font-size:14px}@media only screen and (max-width: 800px){.trend .trend-content .trend-footer{font-size:12px}}.trend .trend-content .trend-footer .category{margin:0 4px;padding:1px 6px;background-color:var(--secondary-backround);border-radius:5px}.trend .trend-content .trend-footer .category:hover{background-color:var(--secondary-backround)}.trend .trend-content .trend-footer .date{padding:2px;margin:0;color:var(--secondary-backround)}.full-blog{flex-wrap:wrap;padding:30px 0 0;min-height:700px;min-height:80vh}.full-blog:nth-child(1){order:1}.full-blog:nth-child(2){order:3}.full-blog:nth-child(3){order:2}@media only screen and (max-width: 400px){.full-blog{padding:0;margin:0}}.full-blog .main{background-color:#fff}.full-blog .main .more-title{color:var(--hover-color);width:85.5%;padding:15px 20px;background-color:var(--primary-backround);font-size:20px;margin-left:50px;font-family:var(--subheadings-font)}@media only screen and (max-width: 800px){.full-blog .main .more-title{font-size:16px;padding:11px 17px}}@media only screen and (max-width: 940px){.full-blog .main .more-title{margin-left:20px}}.full-blog .main .more-title:before{content:"-- ";color:var(--hover-color)}.full-blog .main .more-blogs{background-color:#fff;height:fit-content}.full-blog .side .user-profile{width:100%}.full-blog .side .user-profile .bio{width:280px}.blog-form{display:flex;flex-direction:column;align-items:start;width:80%;margin:30px auto;min-height:13cm;padding:50px 0 0}.blog-form .title-input,.blog-form .category-select,.blog-form .content,.blog-form .image-label .image-input{border:2px solid #ccc;border-radius:4px;margin-bottom:1rem;padding:.5rem;font-size:1rem;width:95%;color:var(--accent-backround)}.blog-form .title-input:hover,.blog-form .category-select:hover,.blog-form .content:hover,.blog-form .image-label .image-input:hover{border-color:var(--primary-color);outline:none}.blog-form .title-input:focus,.blog-form .category-select:focus,.blog-form .content:focus,.blog-form .image-label .image-input:focus{border-color:var(--primary-color);outline:none}.blog-form .image-label{display:block;margin-bottom:.5rem}.blog-form .content{white-space:pre-wrap}.blog-form .category-select{width:97%}.blog-form .category-select option{background-color:#fff}.blog-form .category-select option:hover{background-color:var(--accent-color)}.blog-form .custom-file-upload{display:inline-block;padding:6px 12px;cursor:pointer;background-color:var(--secondary-backround);color:var(--accent-backround);border-radius:4px;border:none;font-size:1rem}.blog-form .custom-file-upload:hover{background-color:var(--accent-backround);color:var(--primary-backround)}.blog-form input[type=file]{display:none}.blog-form .preview-img{margin-bottom:30px;width:100%;height:9cm;object-fit:cover;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 460px){.blog-form .preview-img{height:6cm}}.blog-form .submit-button{padding:.5rem .7rem;background-color:var(--primary-color);color:var(--primary-backround);border:none;border-radius:4px;font-size:1rem;cursor:pointer}.blog-form .submit-button:disabled{background-color:var(--disabled-color)}.blog-form .submit-button:disabled:hover{background-color:var(--disabled-color)}.blog-form .submit-button:hover{background-color:var(--hover-color);color:#fff}.auth-home{background-color:var(--primary-backround);width:100vw;height:100vh;margin:-20px}.auth-home .home-btn{background-color:red;position:absolute}.auth-home .container-left{margin-top:300px;position:fixed;bottom:-50px;left:0;right:0;height:700px;background:linear-gradient(to bottom left,transparent 50%,var(--primary-color) 50%);transform-origin:bottom center;transform:skewY(-3deg)}.auth-home .container-right{margin-top:300px;position:fixed;bottom:-50px;left:0;right:0;height:700px;background:linear-gradient(to bottom right,transparent 50%,var(--primary-color) 50%);transform-origin:bottom center;transform:skewY(-3deg)}.form-container,.sign-up-form-container{box-shadow:0 2px 4px #0003;border-radius:6px;margin:auto;height:550px;width:400px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.form-container .logo,.sign-up-form-container .logo{width:150px;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.form-container .login-form,.form-container .sign-up-form-container .sign-up-form,.sign-up-form-container .form-container .sign-up-form,.sign-up-form-container .login-form,.sign-up-form-container .sign-up-form{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;width:83%;margin:auto}.form-container .login-form .email,.sign-up-form-container .login-form .email,.sign-up-form-container .sign-up-form .email,.form-container .login-form .password,.sign-up-form-container .login-form .password,.sign-up-form-container .sign-up-form .password{height:2rem;border:2px solid #ccc;border-radius:4px;margin-bottom:-.2rem;padding:.5rem;font-size:1rem;color:var(--accent-backround)}.form-container .login-form .email:focus,.sign-up-form-container .login-form .email:focus,.sign-up-form-container .sign-up-form .email:focus,.form-container .login-form .password:focus,.sign-up-form-container .login-form .password:focus,.sign-up-form-container .sign-up-form .password:focus{border-color:var(--primary-color);outline:none}.form-container .login-form .email:hover,.sign-up-form-container .login-form .email:hover,.sign-up-form-container .sign-up-form .email:hover,.form-container .login-form .password:hover,.sign-up-form-container .login-form .password:hover,.sign-up-form-container .sign-up-form .password:hover{border-color:var(--secondary-color);outline:none}.form-container .login-form .password,.sign-up-form-container .login-form .password,.sign-up-form-container .sign-up-form .password{margin-bottom:.7rem}.form-container .login-form .toggle-password-visibility,.sign-up-form-container .login-form .toggle-password-visibility,.sign-up-form-container .sign-up-form .toggle-password-visibility{position:absolute;top:40%;width:2rem;height:2rem;left:90%;font-size:20px}.form-container .login-form .toggle-password-visibility .hide,.sign-up-form-container .login-form .toggle-password-visibility .hide,.sign-up-form-container .sign-up-form .toggle-password-visibility .hide{color:var(--secondary-backround)}.form-container .login-form .toggle-password-visibility .show,.sign-up-form-container .login-form .toggle-password-visibility .show,.sign-up-form-container .sign-up-form .toggle-password-visibility .show{color:var(--primary-color)}.form-container .login-form .login-button,.sign-up-form-container .login-form .login-button,.sign-up-form-container .sign-up-form .login-button{width:100%;padding:.8rem;background-color:var(--primary-color);color:var(--primary-backround);border:none;border-radius:4px;font-size:1.2rem;font-weight:400;cursor:pointer}.form-container .login-form .login-button:disabled,.sign-up-form-container .login-form .login-button:disabled,.sign-up-form-container .sign-up-form .login-button:disabled{background-color:var(--disabled-color)}.form-container .login-form .login-button:disabled:hover,.sign-up-form-container .login-form .login-button:disabled:hover,.sign-up-form-container .sign-up-form .login-button:disabled:hover{background-color:var(--disabled-color)}.form-container .login-form .login-button:hover,.sign-up-form-container .login-form .login-button:hover,.sign-up-form-container .sign-up-form .login-button:hover{background-color:var(--hover-color);color:#fff}.form-container .login-form .checkbox-container,.sign-up-form-container .login-form .checkbox-container,.sign-up-form-container .sign-up-form .checkbox-container{display:flex;align-items:center;margin-top:.4rem;font-size:15px}.form-container .login-form .checkbox-container .checkbox-label,.sign-up-form-container .login-form .checkbox-container .checkbox-label,.sign-up-form-container .sign-up-form .checkbox-container .checkbox-label{margin-right:5px;width:100%;color:var(--accent-backround)}.form-container .login-form .checkbox-container .checkbox-wrapper,.sign-up-form-container .login-form .checkbox-container .checkbox-wrapper,.sign-up-form-container .sign-up-form .checkbox-container .checkbox-wrapper{display:flex;justify-content:flex-end}.form-container .err-msg,.sign-up-form-container .err-msg{color:#e67777;position:absolute;top:360px;left:8%;font-size:15px;width:fit-content}.form-container .home,.sign-up-form-container .home{color:var(--primary-color);font-size:large;padding:10px 25px}.form-container .home:hover,.sign-up-form-container .home:hover{font-size:larger}.form-container .sign-up-link,.sign-up-form-container .sign-up-link{position:absolute;top:90%;left:0%;background-color:var(--primary-backround);width:100%;text-align:center}.form-container .sign-up-link .sign-up-text,.sign-up-form-container .sign-up-link .sign-up-text{color:var(--accent-backround)}.form-container .sign-up-link .sign-up-text a,.sign-up-form-container .sign-up-link .sign-up-text a{color:var(--primary-color);text-decoration:none}.form-container .sign-up-link .sign-up-text a:hover,.sign-up-form-container .sign-up-link .sign-up-text a:hover{color:var(--hover-color);text-decoration:underline}.sign-up-form-container{height:560px;width:400px}.sign-up-form-container .logo{width:150px;position:absolute;top:15%;left:50%;transform:translate(-50%,-50%)}.sign-up-form-container .sign-up-form{top:42%}.sign-up-form-container .sign-up-form .sign-up-email{height:2rem;border:2px solid #ccc;border-radius:4px;margin-bottom:-.4rem;padding:.5rem;font-size:1rem;color:var(--accent-backround)}.sign-up-form-container .sign-up-form .sign-up-email:hover{border-color:var(--secondary-color);outline:none}.sign-up-form-container .sign-up-form .sign-up-email:focus{border-color:var(--primary-color);outline:none}.sign-up-form-container .sign-up-form .sign-up-password{height:2rem;border:2px solid #ccc;border-radius:4px;margin-bottom:.5rem;padding:.5rem;font-size:1rem;color:var(--accent-backround)}.sign-up-form-container .sign-up-form .sign-up-password:disabled{cursor:not-allowed}.sign-up-form-container .sign-up-form .sign-up-password:hover{border-color:var(--secondary-color);outline:none}.sign-up-form-container .sign-up-form .sign-up-password:focus{border-color:var(--primary-color);outline:none}.sign-up-form-container .sign-up-form .validation{position:absolute;top:103%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#9e9d9d}.sign-up-form-container .sign-up-form .validation .identifier{color:var(--secondary-color)}.sign-up-form-container .sign-up-form .validation p{margin:0;font-size:15px}.sign-up-form-container .sign-up-form .sign-up-toggle-password-visibility{position:absolute;top:65%;width:2rem;height:2rem;left:90%;font-size:20px}.sign-up-form-container .sign-up-form .sign-up-toggle-password-visibility .hide{color:var(--secondary-backround)}.sign-up-form-container .sign-up-form .sign-up-toggle-password-visibility .show{color:var(--primary-color)}.sign-up-form-container .error-msg{color:#e67777;position:absolute;top:360px;left:8%;font-size:15px;width:fit-content}.form-container{box-shadow:0 2px 4px #0003;border-radius:6px;margin:auto;height:550px;width:400px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.form-container .logo{width:150px;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.form-container .login-form{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;width:83%;margin:auto}.form-container .login-form .email,.form-container .login-form .password{height:2rem;border:2px solid #ccc;border-radius:4px;margin-bottom:-.2rem;padding:.5rem;font-size:1rem;color:var(--accent-backround)}.form-container .login-form .email:focus,.form-container .login-form .password:focus{border-color:var(--primary-color);outline:none}.form-container .login-form .email:hover,.form-container .login-form .password:hover{border-color:var(--secondary-color);outline:none}.form-container .login-form .password{margin-bottom:.7rem}.form-container .login-form .toggle-password-visibility{position:absolute;top:40%;width:2rem;height:2rem;left:90%;font-size:20px}.form-container .login-form .toggle-password-visibility .hide{color:var(--secondary-backround)}.form-container .login-form .toggle-password-visibility .show{color:var(--primary-color)}.form-container .login-form .login-button{width:100%;padding:.8rem;background-color:var(--primary-color);color:var(--primary-backround);border:none;border-radius:4px;font-size:1.2rem;font-weight:400;cursor:pointer}.form-container .login-form .login-button:disabled{background-color:var(--disabled-color)}.form-container .login-form .login-button:disabled:hover{background-color:var(--disabled-color)}.form-container .login-form .login-button:hover{background-color:var(--hover-color);color:#fff}.form-container .login-form .checkbox-container{display:flex;align-items:center;margin-top:.4rem;font-size:15px}.form-container .login-form .checkbox-container .checkbox-label{margin-right:5px;width:100%;color:var(--accent-backround)}.form-container .login-form .checkbox-container .checkbox-wrapper{display:flex;justify-content:flex-end}.form-container .err-msg{color:#e67777;position:absolute;top:360px;left:8%;font-size:15px;width:fit-content}.form-container .home{color:var(--primary-color);font-size:large;padding:10px 25px}.form-container .home:hover{font-size:larger}.form-container .sign-up-link{position:absolute;top:90%;left:0%;background-color:var(--primary-backround);width:100%;text-align:center}.form-container .sign-up-link .sign-up-text{color:var(--accent-backround)}.form-container .sign-up-link .sign-up-text a{color:var(--primary-color);text-decoration:none}.form-container .sign-up-link .sign-up-text a:hover{color:var(--hover-color);text-decoration:underline}.blog-form,.profile-form{display:flex;flex-direction:column;align-items:start;width:80%;margin:30px auto;min-height:13cm;padding:50px 0 0}.blog-form .title-input,.blog-form .profile-form .fname,.blog-form .profile-form .headline,.blog-form .profile-form .lname,.profile-form .blog-form .fname,.profile-form .blog-form .headline,.profile-form .blog-form .lname,.profile-form .title-input,.profile-form .fname,.profile-form .headline,.profile-form .lname,.blog-form .category-select,.blog-form .profile-form .gender-select,.profile-form .blog-form .gender-select,.profile-form .category-select,.profile-form .gender-select,.profile-form .dob-div .dob-input,.blog-form .content,.profile-form .content,.blog-form .image-label .image-input,.profile-form .image-label .image-input{border:2px solid #ccc;border-radius:4px;margin-bottom:1rem;padding:.5rem;font-size:1rem;width:95%;color:var(--accent-backround)}.blog-form .title-input:hover,.profile-form .title-input:hover,.profile-form .fname:hover,.profile-form .headline:hover,.profile-form .lname:hover,.blog-form .category-select:hover,.profile-form .category-select:hover,.profile-form .gender-select:hover,.profile-form .dob-div .dob-input:hover,.blog-form .content:hover,.profile-form .content:hover,.blog-form .image-label .image-input:hover,.profile-form .image-label .image-input:hover{border-color:var(--primary-color);outline:none}.blog-form .title-input:focus,.profile-form .title-input:focus,.profile-form .fname:focus,.profile-form .headline:focus,.profile-form .lname:focus,.blog-form .category-select:focus,.profile-form .category-select:focus,.profile-form .gender-select:focus,.profile-form .dob-div .dob-input:focus,.blog-form .content:focus,.profile-form .content:focus,.blog-form .image-label .image-input:focus,.profile-form .image-label .image-input:focus{border-color:var(--primary-color);outline:none}.blog-form .image-label,.profile-form .image-label{display:block;margin-bottom:.5rem}.blog-form .content,.profile-form .content{white-space:pre-wrap}.blog-form .category-select,.blog-form .profile-form .gender-select,.profile-form .blog-form .gender-select,.profile-form .category-select,.profile-form .gender-select,.profile-form .dob-div .dob-input{width:97%}.blog-form .category-select option,.blog-form .profile-form .gender-select option,.profile-form .blog-form .gender-select option,.profile-form .category-select option,.profile-form .gender-select option,.profile-form .dob-div .dob-input option{background-color:#fff}.blog-form .category-select option:hover,.profile-form .category-select option:hover,.profile-form .gender-select option:hover,.profile-form .dob-div .dob-input option:hover{background-color:var(--accent-color)}.blog-form .custom-file-upload,.profile-form .custom-file-upload{display:inline-block;padding:6px 12px;cursor:pointer;background-color:var(--secondary-backround);color:var(--accent-backround);border-radius:4px;border:none;font-size:1rem}.blog-form .custom-file-upload:hover,.profile-form .custom-file-upload:hover{background-color:var(--accent-backround);color:var(--primary-backround)}.blog-form input[type=file],.profile-form input[type=file]{display:none}.blog-form .preview-img,.profile-form .preview-img{margin-bottom:30px;width:100%;height:9cm;object-fit:cover;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 460px){.blog-form .preview-img,.profile-form .preview-img{height:6cm}}.blog-form .submit-button,.profile-form .submit-button{padding:.5rem .7rem;background-color:var(--primary-color);color:var(--primary-backround);border:none;border-radius:4px;font-size:1rem;cursor:pointer}.blog-form .submit-button:disabled,.profile-form .submit-button:disabled{background-color:var(--disabled-color)}.blog-form .submit-button:disabled:hover,.profile-form .submit-button:disabled:hover{background-color:var(--disabled-color)}.blog-form .submit-button:hover,.profile-form .submit-button:hover{background-color:var(--hover-color);color:#fff}.profile-form{border-radius:6px;width:420px;background-color:#fff;display:flex;justify-content:center;align-items:center;padding-top:10px;padding-bottom:20px;box-shadow:1px 3px 4px #0003;position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%)}.profile-form .instruction{color:var(--primary-color);font-size:18px;font-weight:700}.profile-form .custom-file-upload{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#fff}.profile-form .custom-file-upload:hover{background-color:#fff;color:var(--primary-color)}.profile-form .custom-file-upload .file-upload-image{width:150px;height:150px;border-radius:50%}.profile-form .custom-file-upload .file-upload-image:hover{filter:brightness(.8)}.profile-form .custom-file-upload .prompt{text-align:center}.profile-form .fname,.profile-form .headline,.profile-form .lname{width:360px}.profile-form .headline{margin-top:-15px}.profile-form .dob-div{width:380px;color:var(--accent-backround)}.profile-form .dob-div .dob-label{width:150px;font-size:18px;padding-left:10px;margin-right:25px}.profile-form .dob-div .dob-input{color:var(--accent-backround);width:225px;margin-left:20}.profile-form input[type=date]{visibility:none}.profile-form .gender-select{width:380px;margin-top:-15px}.illustrator-img{width:500px}@media only screen and (max-width: 950px){.illustrator-img{display:none}}.about{margin:70px 0 0;padding:5%;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:self-start}.about .about-article{display:flex;flex-wrap:wrap;margin:20px 10px;background-color:var(--primary-backround);border-radius:5px;box-shadow:1px 3px 4px #0003}@media only screen and (max-width: 1200px){.about .about-article{width:300px}}@media only screen and (max-width: 740px){.about .about-article{width:80%}}.about .about-article .about-header{display:flex;flex-direction:row;width:250px;margin-right:20px}.about .about-article .about-header .about-avatar{background-color:var(--primary-color);width:250px;height:250px;object-fit:cover;border-radius:5px 0 0 5px}@media only screen and (max-width: 1200px){.about .about-article .about-header .about-avatar{width:300px;height:300px;border-radius:5px 5px 0 0}}@media only screen and (max-width: 740px){.about .about-article .about-header .about-avatar{width:inherit;height:auto}}.about .about-article .about-main{padding:10px 20px;width:70%;font-family:Georgia,Times New Roman,Times,serif}@media only screen and (max-width: 1200px){.about .about-article .about-main{width:90%}}.about .about-article .about-main .about-tag{font-size:18px}.about .about-article .about-main .about-tag a{text-decoration:none}.about .about-article .about-main .about-tag span{color:var(--primary-color)}.about .about-article .about-main .about-tag span:hover{text-decoration:underline}.about .about-article .about-main .about-body{font-size:17px;line-height:1.5rem}.spinner-container{position:relative;height:100vh;width:100vw;background-color:#0009;z-index:0;display:flex;justify-content:center;align-items:center}.spinner-container:first-child{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}:root{--primary-color: #4d7e3e;--secondary-color: #4d7e3e;--accent-color: #4d7e3e;--hover-color: #205d2e;--disabled-color: #7e9d74;--primary-backround: #eeeee4;--secondary-backround: #d1d2d2;--accent-backround: #6b6b6b;--main-header-font: "Montserrat", sans-serif;--subheadings-font: "Open Sans", sans-serif;--blog-title-font: "Merriweather Sans", sans-serif;--blog-text-font: "Lora", serif;--author-font: "Poppins", sans-serif}p{font-family:sohne,Helvetica Neue,Helvetica,Arial,sans-serif}main{overflow:hidden;margin:0}