@font-face{font-family:"Bitter";src:url(/assets/google_fonts/Bitter/Bitter-Regular.ttf);font-display:swap}@font-face{font-family:"Source Sans Pro";src:url(/assets/google_fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf);font-weight:normal;font-display:swap}@font-face{font-family:"Source Sans Pro";src:url(/assets/google_fonts/Source_Sans_Pro/SourceSansPro-Bold.ttf);font-weight:bold;font-display:swap}@font-face{font-family:"Source Sans Pro";src:url(/assets/google_fonts/Source_Sans_Pro/SourceSansPro-Black.ttf);font-weight:800;font-display:swap}.container-content{flex-direction:column;max-width:50em;box-sizing:border-box}.content{max-width:50em;flex:0 1 auto}.cards,.posts{padding:1rem}.cards>ul,.posts>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(230px, 1fr));grid-gap:1rem;list-style-type:none;margin:auto;padding:0}.cards>ul>li>a:first-child{display:flex;align-items:center;justify-content:center;font-family:Bitter,Georgia,serif;font-size:1.5rem;text-decoration:none;text-align:center;border-radius:.5rem;cursor:pointer;height:8rem;overflow:hidden;box-shadow:0px 2px 3px 0 rgba(0, 0, 0, var(--card-shadow));margin:auto;padding:10px;background-color:var(--card-color);transition:box-shadow 0.3s, background 0.3s}.cards>ul>li>a:first-child:hover{box-shadow:1px 3px 8px 0 rgba(0, 0, 0, var(--card-hover-shadow));background-color:var(--card-hover)}.cards_index>ul>li>a:first-child{font-style:italic;font-size:2.0em}.cards_index>ul>li>a:first-child:hover span{padding-right:15px}.cards_index>ul>li>a:first-child:hover span:after{opacity:1;right:0}.cards_index>ul>li>a:first-child span{transition:0.5s}.cards_index>ul>li>a:first-child span:after{content:'\00bb';opacity:0;top:0;right:-20px;transition:0.5s}.posts>ul>li{position:relative;border-radius:.5rem;cursor:pointer;overflow:hidden;box-shadow:0px 2px 2px rgba(0, 0, 0, var(--card-shadow));color:var(--body-text)}.posts>ul>li:hover{box-shadow:1px 3px 7px rgba(0, 0, 0, var(--card-shadow))}.posts>ul>li::before{content:'';position:absolute;inset:0;z-index:-3;background-color:var(--card-color)}.posts>ul>li:hover .post-card h3::before{transform:translateX(0)}.post-card{position:relative}.post-card::before{content:'';position:absolute;inset:0;z-index:-1;background-color:var(--card-header)}.post-card h3{position:relative;font-family:Bitter,Georgia,serif;background-color:transparent;text-align:center;margin:0;padding:15px}.post-card h3::before{content:'';position:absolute;inset:0;z-index:-1;background-color:var(--card-hover);transform:translateX(-100%);transition:transform 0.45s ease}.post-container{width:100%;padding:15px}.post-container h5{font-family:Bitter,Georgia,serif;margin:0;padding:15px;text-indent:5px;transition:background .3s}.post-container p:first-child{margin:0;text-indent:0px}.post-container p,.post-container a,.post-container span{text-decoration:none}.post-container .decorate_link{text-decoration:underline var(--color-1)}.fadeOutRight{opacity:0}.fadeOutLeft{opacity:0}.fadeInLeft{animation-name:moveInLeft;animation-duration:0.3s}.fadeInRight{animation-name:moveInRight;animation-duration:0.3s}@keyframes moveInRight{0%{opacity:0.25;transform:translate(4em)}100%{opacity:1;left:0}}@keyframes moveInLeft{0%{opacity:0.25;transform:translate(-4em)}100%{opacity:1;left:0}}