body{color:#171618;font-family:Proza Libre,sans-serif;font-weight:400;font-style:normal;margin:0}.navs{background-color:#f5f5f5;padding:17px 0;position:fixed;width:100%;z-index:100;transition:all .3s ease-in-out;top:0}.navs.up{transform:translateY(-210px)}.navs .main-nav{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:20px;font-weight:500}.navs .main-nav .social-media-links{display:flex;gap:10px}.navs .main-nav .social-media-links i{margin-right:15px}.navs .main-nav .social-media-links,.navs .main-nav .login-links{font-size:16px}.navs .main-nav .social-media-links i,.navs .main-nav .login-links i{color:#000;cursor:pointer}.navs .main-nav .nav-links{display:flex;gap:20px}.navs .main-nav .nav-links .navLink{color:#333;text-decoration:none;font-size:16px}nav .upper-links{display:flex;justify-content:space-between;align-items:center;padding:1.5% 15%}nav .upper-links .social-links{display:flex}nav .upper-links .login-links{display:flex;align-items:center}nav .upper-links i{padding:7px}nav .upper-links i:hover{cursor:pointer}nav .headline{text-align:center}nav .headline h1{font-size:48px;margin:0}nav .links{width:fit-content;margin:auto;padding:35px 0 30px}nav .links a{padding:15px}nav a{color:#171618;text-decoration:none}:root{--primary-bg: #fff;--primary-color: #000;--secondary-bg: rgba(255, 255, 255, .1);--secondary-border: 1px solid rgba(255, 255, 255, .1);--primary-radius: 10px;--transition-duration: .9s;--transition-ease: ease-out;--fadeIn: opacity var(--transition-duration) var(--transition-ease), transform var(--transition-duration) var(--transition-ease)}.card{width:100vw;min-height:100vh;background-color:var(--primary-bg);color:var(--primary-color);display:flex;align-items:center;justify-content:center;position:sticky;top:0;max-width:1536px}.card .container{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:wrap}.card .container .main-headline{font-size:2.5em;margin-bottom:50px;opacity:0;transform:translateY(-20%);transition:var(--fadeIn)}.card .container .main-headline.fadeInTop{opacity:1;transform:translateY(0)}.card .container .media-icons{margin-top:100px;opacity:0;transform:translateY(20%);transition:var(--fadeIn)}.card .container .media-icons.fadeInBottom{opacity:1;transform:translateY(0)}.card .container .media-icons a{color:var(--primary-color);font-size:1.5em;margin:0 60px}.card .blogPreview{padding:11em 1.5em 5em;max-width:1150px;margin:auto}.card .blogPreview .blogEntries{display:flex;flex-wrap:wrap;gap:35px;padding-bottom:25px;justify-content:center}.card .blogPreview .blogEntries .blogEntry{border-radius:5px;box-shadow:5px 5px 15px #00000080;width:350px;height:450px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.card .blogPreview .blogEntries .blogEntry .image{border-radius:5px;width:100%;height:100%;object-fit:cover;transition:.3s ease;opacity:1;position:absolute;top:0;left:0}.card .blogPreview .blogEntries .blogEntry.pastBlogEntry{display:none}.card .blogPreview .blogEntries .blogEntry:hover{cursor:pointer}.card .blogPreview .blogEntries .blogEntry:hover .image{opacity:.3;transform:scale(1.2)}.card .blogPreview .blogEntries .blogEntry:hover .descrip{opacity:1}.card .blogPreview .blogEntries .blogEntry .descrip{position:relative;z-index:1;opacity:0;transition:opacity .5s ease;text-align:center;padding:10px}.card .btn{display:block;text-decoration:none;color:var(--primary-color);font-size:14px;background-color:#b6b6b6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:5px;width:fit-content;padding:10px;margin:10px auto}.card .btn:hover{cursor:pointer}.content{position:relative;display:flex;justify-content:center;align-items:center;text-align:center}.content .image,.content .text-box{opacity:0;transition:var(--fadeIn)}.content .image{position:relative;overflow:hidden;margin-left:2em;transform:translate(-10%)}.content .image img{z-index:111;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--primary-radius)}.content .image.fadeInLeft{opacity:1;transform:translate(0)}.content .text-box{z-index:222;background-color:var(--secondary-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:10px 20px;max-width:400px;border:var(--secondary-border);border-radius:var(--primary-radius);transform:translate(-10%,20%)}.content .text-box h3{font-size:1.5em;margin-bottom:10px}.content .text-box.fadeInRight{opacity:1;transform:translate(-35%,20%)}@media screen and (min-width: 1197px){.content{width:1150px}.content .image{width:800px;height:400px}.content .text-box{transform:translate(-80px,20px);transform:translate(-10%)}.content .text-box.fadeInRight{transform:translate(-15%)}}@media screen and (min-width: 670px) and (max-width: 1196px){.content{margin-left:160px}.content .image{width:600px;height:300px}.content .text-box{transform:translate(-10%,20%)}}@media screen and (max-width: 669px){.content .image{display:none}.content .text-box{transform:translate(15%)}.content .text-box.fadeInRight{transform:translate(0)}}@media screen and (max-width: 1236px){.blogPreview{text-align:center}}.entries{display:flex;flex-wrap:wrap;justify-content:center}.entries .entry{background-color:#fff;width:250px;padding:15px 20px;margin:10px;flex:1 1 auto;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.detailedEntry{max-width:1013px;padding:120px 60px;margin:auto}.login{height:55vh;margin-top:185px}.login form{background-color:#f5f5f5;text-align:center;border-radius:5px;width:fit-content;padding:15px 75px;margin:15px auto 0}.login form div{padding:10px 3px}.login form div label{display:block}.slider{position:relative;max-width:900px;margin:auto}.slider .slider-content{overflow:hidden}.slider .slider-content .slider-wrapper{display:flex;transition:transform .5s ease}.slider .slider-content .slider-wrapper .slide{width:250px;height:350px;flex:0 0 33.33%;box-sizing:border-box;padding:5px}.slider .slider-content .slider-wrapper .slide img{border-radius:5px;width:100%;height:100%;object-fit:cover;display:block}.slider .slider-content .slider-wrapper .slide img:hover{cursor:pointer}.slider button.prev,.slider button.next{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;padding:10px 15px;cursor:pointer;z-index:10;border-radius:50%}.slider button.prev{left:-45px}.slider button.next{right:-45px}@media screen and (min-width: 587px) and (max-width: 768px){.slider .slider-content .slider-wrapper .slide{flex:0 0 50%}}@media screen and (max-width: 586px){.slider .slider-content .slider-wrapper .slide{flex:0 0 100%}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#000c;align-items:center;justify-content:center}.modal .modal-content{max-width:90%;max-height:80%}.modal .prev,.modal .next{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;padding:10px 15px;cursor:pointer;z-index:450;border-radius:50%}.modal .prev{left:175px}.modal .next{right:175px}.modal .close{position:absolute;top:20px;right:20px;color:#fff;font-size:35px;font-weight:700;cursor:pointer}.modal .close:hover,.modal .close:focus{color:#bbb;text-decoration:none}@media screen and (max-width: 1462px){.modal .prev,.modal .next{top:95%}.modal .prev{left:40%}.modal .next{right:40%}}footer{background-color:#f5f5f5;text-align:center;padding:20px 10px 40px}footer hr{margin:0 17%}footer p{padding-top:20px;margin-bottom:5px}footer a{color:#171618;text-decoration:none;padding:10px 15px}footer .socials{margin-bottom:5px}footer .socials i{padding:10px 20px}footer .socials i:hover{cursor:pointer}.profile,.blog-overview,.edit-blog{background-color:#f5f5f5;padding:15px 25px 35px;margin:1.5% 15%}.blog-overview a.add-icon,.blog-overview a.publish-icon,.blog-overview a.update-icon,.blog-overview a.archive-icon,.blog-overview a.delete-icon{color:#171618;display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;background-color:#f0f0f0;border-radius:5px;text-decoration:none}.blog-overview a.add-icon i,.blog-overview a.publish-icon i,.blog-overview a.update-icon i,.blog-overview a.archive-icon i,.blog-overview a.delete-icon i{font-size:15px}.blog-overview a.add-icon:hover,.blog-overview a.publish-icon:hover,.blog-overview a.update-icon:hover,.blog-overview a.archive-icon:hover,.blog-overview a.delete-icon:hover{cursor:pointer}.blog-overview .overview-tools{text-align:right}.images{width:100%}.images .imageContainer{position:relative;display:inline-block;overflow:hidden;max-width:200px}.images .imageContainer img{display:block;width:100%;height:auto}.images .imageContainer .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;transition:opacity .3s ease;display:flex;justify-content:center;align-items:center}.images .imageContainer .overlay i{color:#fff;font-size:21px}.images .imageContainer .overlay:hover{opacity:1;cursor:pointer}#publishForm,#archiveForm,#deleteForm{display:inline-block}.publish-modal{background-color:#f5f5f5cc;display:none;position:fixed;z-index:500;left:0;top:0;width:100%;height:100%}.publish-modal .publish-modal-content{background-color:#f5f5f5;margin:250px auto;padding:45px 45px 85px;width:80%;max-width:500px;box-shadow:0 5px 15px #0000004d;border-radius:8px}.publish-modal .publish-modal-content .publish-modal-close{color:#171618;float:right;font-size:28px;font-weight:700}.publish-modal .publish-modal-content .publish-modal-close:hover,.publish-modal .publish-modal-content .publish-modal-close:focus{color:#f5f5f5;text-decoration:none;cursor:pointer}.publish-modal .publish-modal-content .publish-modal-btns{float:right;margin-top:25px}.publish-modal .publish-modal-content .publish-modal-btns a.deny-publishment-btn,.publish-modal .publish-modal-content .publish-modal-btns a.confirm-publishment-btn{color:#fff;border-radius:5px;text-decoration:none;width:fit-content;text-align:center;padding:10px;margin-right:10px}.publish-modal .publish-modal-content .publish-modal-btns a.deny-publishment-btn:hover,.publish-modal .publish-modal-content .publish-modal-btns a.confirm-publishment-btn:hover{cursor:pointer}.publish-modal .publish-modal-content .publish-modal-btns a.deny-publishment-btn{background-color:red}.publish-modal .publish-modal-content .publish-modal-btns a.confirm-publishment-btn{background-color:green}body{overflow-x:hidden}.pageContainer{min-height:65vh;max-width:1150px;padding:15px 25px 35px;margin:6% 15% 1.5%}