Трабл с текстом
Мне надо сделать так, а получается вот так: 
Вот код (hmtl)-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ONEWAY</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1><a href="https://discord.gg/dy7NF8WP9V"><img src="/img/discord.png" alt="DISCORD" style="width: 90px; height: 90px;""></a> ONEWAY <a href="https://clck.ru/Ttqxg"><img src="/img/telegram2.png" alt="TELEGRAM" style="width: 75px; height: 75px;"></a><br>funtic x k1rtay</h1>
</header>
<div class="videvo" style="position:absolute;left:32.3%">
<iframe width="650" height="410" src="https://www.youtube.com/embed/q8tlVCsX4is" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</body>
</html>
CSS -
.videvo{
border: 5px solid rgba(6, 159, 3, 1);
border-radius: 5px;
}
h1,p {color: rgba(137, 255, 96, 1);
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-style: normal;}
h1{font-size: 96px;}
p{font-size: 36px;}
body{background-image: url(/img/ground.png);}
header{text-align: center}
(не бейте за тупое название дивов)
