[nospaces][newclass=".dossiercont"]background: var(--secondbg); color: var(--iconcolor); font-family: "Jost"; font-size: 13px; line-height: 1.8; width:520px; margin: 0 auto; box-sizing: border-box; } .dossiertitle { text-align:center; font-weight:bold; font-size:20px; border-bottom:1px solid var(--thirdbg); color: white; font-size: 20px; text-transform: uppercase; letter-spacing: 0.1em; box-sizing: border-box; padding:2em; margin-bottom:1em; box-shadow: inset 0 0 0 1000px rgba(18, 18, 30, 0.7); background-size: cover; background-position: center; } .dossierbody { padding:0.5em 3em 3em 3em; text-align:justify; } .dossiercont b { color:var(--hovericoncolor); text-transform:uppercase; width:120px; display:inline-block; } .dossierfooter { box-shadow: inset 0 0 0 1000px rgba(18, 18, 30, 0.7); background-size: cover; background-position: center; color: white; font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; box-sizing: border-box; height:100px; border-top:1px solid var(--thirdbg); display:flex; justify-content:center; align-items:center; } .dossierfooter span { margin:1em; } .dossierhover { display:flex; justify-content:center; align-items:center; font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; height:0px; margin-top:-1.5em; padding-bottom:1.5em; box-sizing:border-box; opacity:0; transition:0.8s ease; } .dossierhover span { margin:1em; font-weight:500; } .dossiertitle:hover .dossierhover { opacity:1; } .dossiertitle .name { transition:0.8s ease; } .dossiertitle:hover .name { opacity:0; } .dossierbody h1 { text-transform: lowercase; font-weight: bold; font-size: 20px; letter-spacing: 0.05em; border-bottom: 10px solid var(--mainbg); height: 17px; margin-bottom: 2em; margin-top:1em; } .dossierbody h1:nth-of-type(2n) { text-align:right;[/newclass]