HTML/CSS - Dota 3 Online Editor and JavaScript Compiler

html

<div class="trip">
    <a class="porka"
     href="https://dotastorymod.static.domains/Dota3StoryMod.html">Главная</a>
    <a class="foot"
    href="https://t.me/pudgesm">Новости</a>
    <a class="ball"
    href="https://m.vk.com/pudgesm">О сайте</a>
</div>
<style>
body {
background-image: url('https://vkplay.ru/hotbox/content_files/news/2022/04/11/9c554d53ed5f4d4ca167bf2486d05dde.jpg');
}
</style>
<background-attachment: fixed>
<div class="countainer">
    <big><h1>Pudge: Story Mod</h1></big>
</div>
<style>
    h1 {
     color: white;
     font-family:'Algerian';
    }
</style>
<p>
    <ui>
        <strong>Новелла / Романтика / Дота </strong>
    </ui>

css

.trip {
    background-color: black;
    overflow: hidden;
}
.porka{
    float: left;
    color:white;
    text-align:center ;
    padding:14px 16px;
    text-decoration: none;
    font-size: 17px;
}
.porka a:hover{
    background-color:white;
    color:black;
}
.porka a:active{
    background-color:white;
    color:white;
}
.foot{
    float: left;
    color:white;
    text-align:center ;
    padding:14px 16px;
    text-decoration: none;
    font-size: 17px;
}

BROWSER

Console