@import"https://fonts.googleapis.com/css?family=Crimson+Text|Playfair+Display&display=swap";.grid-section{max-width:1400px;margin:0 auto;width:100%}.grid-section .grid-item{margin-bottom:40px;transition:all .5s}@media screen and (min-width: 768px){.grid-section{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.grid-item{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 1 calc(50% - .5em);-ms-flex:0 1 calc(50% - .5em);flex:0 1 calc(50% - .5em)}}@media screen and (min-width: 1000px){.grid-item{-webkit-flex:0 1 calc(33% - 1em);-ms-flex:0 1 calc(33% - 1em);flex:0 1 calc(33% - 1em)}}@media screen and (min-width: 1500px){.grid-item{-webkit-flex:0 1 calc(25% - 1em);-ms-flex:0 1 calc(25% - 1em);flex:0 1 calc(25% - 1em)}}header{position:relative;z-index:5}header h1.news-paper-title{margin:0;text-align:center}header h1.news-paper-title a{display:inline-block;color:var(--primary-color);cursor:pointer;font-size:7vw;font-family:"Playfair Display",serif;font-weight:600;text-transform:uppercase;transition:var(--transition)}header h1.news-paper-title a:hover{color:var(--secondary-color)}header .news-paper-tagline{border-bottom:1px solid var(--primary-color);border-top:1px solid var(--primary-color);margin:0 0 20px 0;padding:10px 0}header .news-paper-tagline p{margin:0;text-align:center}@media screen and (max-width: 900px){header .news-paper-tagline{margin:20px 0;padding:10px 0}}body.nav-open{padding-right:calc(100vw - 100%);overflow:hidden}body.nav-open .menu-trigger{top:3vw;z-index:30}.menu-trigger{position:absolute;top:3vw;left:15px;font-size:24px;cursor:pointer;width:30px;height:30px}.menu-trigger span{display:block;width:100%;height:4px;background-color:var(--primary-color);margin:3px 0;transition:.5s;border-radius:2px}.menu-trigger:hover span{background-color:var(--secondary-color)}.menu-trigger.active span:nth-child(1){transform:rotate(-45deg) translate(-7px, 8px)}.menu-trigger.active span:nth-child(2){opacity:0}.menu-trigger.active span:nth-child(3){transform:rotate(45deg) translate(-6px, -7px)}.nav-menu{background-color:var(--white);height:100%;width:300px;max-width:300px;padding-top:60px;position:fixed;top:0;left:0;transform:translateX(-100%);overflow-x:hidden;transition:transform .5s ease;z-index:15}.nav-menu .close-menu-trigger{position:absolute;top:15px;right:15px;font-size:24px;cursor:pointer;z-index:25;width:30px;height:30px;display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-menu .close-menu-trigger span{display:block;width:100%;height:4px;background-color:var(--primary-color);margin:3px 0;transition:.5s;border-radius:2px}.nav-menu .close-menu-trigger:hover span{background-color:var(--secondary-color)}.nav-menu.active{transform:translateX(0)}.nav-menu.active .close-menu-trigger span:nth-child(1){transform:rotate(-45deg) translate(-7px, 8px)}.nav-menu.active .close-menu-trigger span:nth-child(2){opacity:0}.nav-menu.active .close-menu-trigger span:nth-child(3){transform:rotate(45deg) translate(-6px, -7px)}.nav-menu .greeting{position:absolute;top:15px;left:15px;width:175px}.nav-menu .greeting p{color:var(--primary-color);font-size:1.2rem;margin:0}.nav-menu .profile{margin:10px 15px}.nav-menu .profile img{border-radius:50%;width:120px}.nav-menu .nav-links{list-style:none;padding:0;margin:0}.nav-menu .nav-links li{margin:0}.nav-menu .nav-links li a{color:var(--primary-color);display:block;padding:10px 5%;text-decoration:none;font-size:18px;transition:var(--transition)}.nav-menu .nav-links li a:hover{color:var(--secondary-color)}@media screen and (max-width: 400px){.nav-menu{width:100%;max-width:100%;transform:translateX(-100%)}.nav-menu.active{transform:translateX(0)}}@media screen and (max-height: 450px){.nav-menu{padding-top:15px}.nav-menu a{font-size:18px}}.content-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(5px);z-index:10;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.content-overlay.active{opacity:1;visibility:visible}main,header{transition:filter .5s ease}main.blurred,header.blurred{filter:blur(3px)}.news-card{display:block;margin:0 auto}.news-card h2.title,.news-card h3.date{font-family:"Playfair Display",serif;line-height:normal;text-align:center}.news-card h2.title{font-weight:400;font-size:22px}.news-card h2.title:hover{color:var(--secondary-color)}.news-card h3.date{font-size:14px;font-weight:500}.news-card h3.date:hover{color:var(--secondary-color)}.news-card h3.date:before{border-top:1px solid var(--primary-color);content:"";width:100px;height:7px;display:block;margin:0 auto}.news-card h3.date:after{border-bottom:1px solid var(--primary-color);content:"";width:100px;height:10px;display:block;margin:0 auto}.news-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-card figure{cursor:pointer;margin:0 0 20px;-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:var(--transition)}.news-card figure img{max-width:100%;height:auto;margin-bottom:5px}.news-card figure figcaption{font-style:italic;font-size:14px;text-align:left;transition:var(--transition)}.news-card figure figcaption:hover{padding-left:10px}.news-card figure:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.news-card .button a{display:inline-block;background-color:rgba(0,0,0,0);border:1px solid var(--primary-color);color:var(--primary-color);padding:10px 15px}.news-card .button a:hover,.news-card .button a:focus,.news-card .button a:active{background-color:var(--primary-color);border:1px solid var(--primary-color);color:var(--white)}.theme-switcher{position:absolute;top:2vw;right:15px;width:30px;height:30px}.theme-switcher__btn{background-color:var(--primary-color);bottom:0;cursor:pointer;position:absolute;left:0;top:0;transition:var(--transition);height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden}.theme-switcher__btn .sun-icon,.theme-switcher__btn .moon-icon{position:absolute;width:20px;height:20px;transition:all .3s ease;fill:var(--white)}.theme-switcher__btn .sun-icon{opacity:1}.theme-switcher__btn .moon-icon{opacity:0}[data-theme=dark] #theme-toggle .theme-switcher__btn .sun-icon{opacity:0}[data-theme=dark] #theme-toggle .theme-switcher__btn .moon-icon{opacity:1}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:root{--primary-color: #03021c;--secondary-color: #2525b7;--white: #f3f3f3;--black: #03021c;--grey: #b5b2d2;--transition: all .5s}[data-theme=dark]{--primary-color: #f3f3f3;--secondary-color: #4040f5;--white: #03021c}body{font-family:"Crimson Text",serif;font-size:17px;color:var(--primary-color);background-color:var(--white);margin:10px}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover,a:visited,a:focus{color:var(--primary-color)}p{margin-top:0;margin-bottom:20px}img{display:block;border:0;max-width:100%;height:auto}#scrollToTopBtn{position:fixed;bottom:20px;right:20px;padding:10px 15px;font-size:14px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:5px;cursor:pointer;display:none;z-index:1000;transition:var(--transition)}#scrollToTopBtn:hover{background-color:var(--secondary-color);color:#fff}