Расположил текст вертикально в html, но к нему не применяется добавленный шрифт, помогите исправить

Question

Расположил текст вертикально в html, но к нему не применяется добавленный шрифт, помогите исправить

Garry_Gudini Знаток (264), на голосовании 11 месяцев назад

Разместил строчку слева по наклону, применяю шрифт к нему, шрифт не меняется, делаю то же самое, но с вертикальным текстом, все работает, где я ошибся и что делать?
Только щас заметил что качество скринов оставляет желать лучшего, поэтому вставлю еще код:
html:
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<head>
<link rel="stylesheet" href="forma.css">
<title>SPO</title>
<body class="whtfon">
<center>Proverka</center>
<div class="sprban" class="shr">
БОКОВАЯ ПАНЕЛЬКА
</div>
<div class="shr"><center>
Основной текст будет
</div></center>
</body>
</html>
CSS:
.fonp{
background: linear-gradient(-90deg, #C2C2C2, #C2C2C2);
}
.whtfon{
background: antiquewhite;
.sprban{
position: absolute;
transform: rotate(-90deg);
top: 50%;
bottom: 50%;
}
.shr {
font-family: 'Crewniverse', sans-serif;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal;
font-size: 50px;
}

Answer 1

   
  
  
    
   
    
  SPO  
  
  
  Proverka  
    
    БОКОВАЯ ПАНЕЛЬКА  
  
  
   
    Основной текст будет

Answer 2

ты сам на своих скриншотах чё-нить прочесть можешь?

недостаёт как минимум одной закрывающей фигурной скобки

center тэг устарел...