:root {--moniscolor1:rgba(175, 52, 51, 0.7); --moniscolor2:rgba(200, 200, 200, 0.5); --moniscolor3:rgba(175, 52, 51, 0.7); --moniscolor4:rgba(0, 0, 0, 0.2);} .moniscode { width:550px; height:100%; background-color: var(--moniscolor2); padding:20px; text-align:justify; font-family: verdana; font-size:10px; line-height:30px; color: #373737;}  .moniscodetext { color: #373737; font-family: verdana; font-size:10px; line-height:30px; margin:10px; padding:10px; text-align:justify; height:300px; width:300px; float:left; overflow:auto; }  .moniscodetext b { color: var(--moniscolor1); font-weight:bold; } .moniscodetext u {border-bottom: 2px var(--moniscolor3) solid;} .moniscodetext i { background-color:var(--moniscolor3); font-style: italic; letter-spacing:1px;}  .moniscodeimg { float:left; height:300px; width:150px;  margin:20px; background-size: cover; transition: 1s; outline: 1px solid var(--moniscolor1); outline-offset: 10px;} .moniscodeimg2 { float:left; height:300px; width:150px;  background-blend-mode: multiply, color, normal; margin:20px; background-size: cover; transition: 1s; outline: 1px solid var(--moniscolor1); outline-offset: 10px;} .moniscodeimg:hover {-webkit-filter: blur(5px);}  .moniscodeimg2:hover {-webkit-filter: blur(5px);}  .monisgesucht { text-transform:lowercase; display:block; background-color: var(--moniscolor3); color:#fff; padding:30px; font-size:22px; font-family: 'Gideon Roman', cursive;} gesuchname { border-bottom: var(--moniscolor4) 2px solid;} monisfacts { border-bottom: var(--moniscolor4) 2px solid; font-family: 'Gideon Roman', cursive; font-size:12px; text-transform:lowercase; color: #373737; padding:5px; margin:15px; margin-top:35px; font-size:14px;} .monisgruppenbit {opacity:0; overflow:auto; text-align:justify; transition:1s; background-color:#202020; color:#BCBCBC; padding:1px; height:150px; width:150px; } .monisgruppenbit:hover { opacity: 0.8; }   .moniscode i { background-color:var(--moniscolor3); font-style: italic; font-size:20px; letter-spacing:1px;}