:root{--dimension: 380px;--orange: rgba(255, 180, 15, .6);--blue: rgba(0, 37, 101, .6);--animation-duration: .3s;--title-color: #333;--title-outline: rgba(255,255,255,.5);--title-outline-over: rgba(255, 255, 255, .9);--title-outline-blur-radius: .09em;--title-outline-blur-radius-over: .12em}@font-face{font-family:Anek Malayalam;font-style:normal;font-weight:400;src:url(../fonts/anek-malayalam_5.0.19/webfonts/anek-malayalam-latin-400-normal.woff2) format("woff2"),url(../fonts/anek-malayalam_5.0.19/webfonts/anek-malayalam-latin-400-normal.woff) format("woff"),url(../fonts/anek-malayalam_5.0.19/ttf/anek-malayalam-latin-400-normal.ttf) format("truetype")}@font-face{font-family:Anek Malayalam;font-style:normal;font-weight:700;src:url(../fonts/anek-malayalam_5.0.19/webfonts/anek-malayalam-latin-700-normal.woff2) format("woff2"),url(../fonts/anek-malayalam_5.0.19/webfonts/anek-malayalam-latin-700-normal.woff) format("woff"),url(../fonts/anek-malayalam_5.0.19/ttf/anek-malayalam-latin-700-normal.ttf) format("truetype")}body{line-height:1.8em;font-family:Anek Malayalam,Verdana,sans-serif;background:var(--orange);background:linear-gradient(180deg,var(--orange) 0%,var(--blue) 100%)}a,a:link,a:visited,a:hover,a:active{color:#000}ul{list-style:none;display:flex;gap:1em;padding:0;margin:0;flex-flow:row wrap}li{border:1px solid rgba(0,11,43,.7);border-radius:1.5em 1.5em 1.5em 0;display:block;width:var(--dimension);height:var(--dimension);display:flex;flex-direction:column;justify-content:flex-end;padding:0;background-color:#dcdcdccc;box-shadow:2px 2px 5px #000b2b80;background-size:contain;background-repeat:no-repeat;background-position-x:center;transition:box-shadow var(--animation-duration) ease-out}li:hover{background-color:#dcdcdc;background-blend-mode:multiply;box-shadow:4px 8px 10px #000b2bcc}.title,.authors,.date,.time,.location{display:block;justify-self:flex-end}.authors{color:var(--blue);font-weight:700}.authors a{color:#ffdb86;font-weight:700}a.title{text-align:right;transition:backdrop-filter var(--animation-duration),transform var(--animation-duration),letter-spacing var(--animation-duration),text-shadow var(--animation-duration);justify-self:flex-start;flex:2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);margin:0;letter-spacing:.15rem}a.title,a.title:link,a.title:visited,a.title:hover,a.title:active{color:var(--title-color);font-weight:700;text-shadow:.05em 0 var(--title-outline-blur-radius) var(--title-outline),0 .05em var(--title-outline-blur-radius) var(--title-outline),-.05em 0 var(--title-outline-blur-radius) var(--title-outline),0 -.05em var(--title-outline-blur-radius) var(--title-outline),-.05em -.05em var(--title-outline-blur-radius) var(--title-outline),-.05em .05em var(--title-outline-blur-radius) var(--title-outline),.05em -.05em var(--title-outline-blur-radius) var(--title-outline),.05em .05em var(--title-outline-blur-radius) var(--title-outline);padding:1em;border-radius:1.5em 1.5em 0 0}li:hover .title{-webkit-backdrop-filter:none;backdrop-filter:none;transform:scale(1.05);text-shadow:.05em 0 var(--title-outline-blur-radius-over) var(--title-outline-over),0 .05em var(--title-outline-blur-radius-over) var(--title-outline-over),-.05em 0 var(--title-outline-blur-radius-over) var(--title-outline-over),0 -.05em var(--title-outline-blur-radius-over) var(--title-outline-over),-.05em -.05em var(--title-outline-blur-radius-over) var(--title-outline-over),-.05em .05em var(--title-outline-blur-radius-over) var(--title-outline-over),.05em -.05em var(--title-outline-blur-radius-over) var(--title-outline-over),.05em .05em var(--title-outline-blur-radius-over) var(--title-outline-over)}.authors,.date,.time,.location{text-align:right;margin:1px 1em}li img{height:1.4em;margin-left:.5em}
