html{
        background-color: rgb(39, 39, 39);
        background-image: url("/imgs/HakureiShrine.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        font-family:Verdana, Geneva, Tahoma, sans-serif;
    }

header{
        display: flex;
        align-items: center;
        background-color: #3e71e088;
    }

.header-links {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        gap: 15px;
    }

.link-header {
        display: inline-block;
        padding: 10px 25px;
        background-color: #2f00ff;
        color: white;
        text-decoration: none;
        border-radius: 25px;
        border: 5px solid #7700ffb4;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 25px;
        transition: background-color 0.3s ease;
    }

.link-header:hover {
        font-family: cursive;
        background-color: #c6c8ca;
        color: rgb(32, 32, 32);
    }

.link-header-ico {
        display: inline-block;
        padding: 5px 16px;
        background-color: #2f00ff;
        color: white;
        text-decoration: none;
        border-radius: 25px;
        border: 5px solid #7700ffb4;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 25px;
        transition: background-color 0.3s ease;
    }

.link-header-ico:hover {
        font-family: cursive;
        background-color: #c6c8ca;
        color: rgb(32, 32, 32);
    }

.link-yt {
        display: inline-block;
        padding: 5px 16px;
        background-color: #ff2b2b;
        color: white;
        text-decoration: none;
        border-radius: 25px;
        border: 5px solid #cac0c0b4;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 25px;
        transition: background-color 0.3s ease;
    }

.link-yt:hover {
        font-family: cursive;
        background-color: #ffffff;
        color: rgb(32, 32, 32);
    }

.link-tt {
        display: inline-block;
        padding: 5px 16px;
        background-color: #020202;
        color: white;
        text-decoration: none;
        border-radius: 25px;
        border: 5px solid #505050b4;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 25px;
        transition: background-color 0.3s ease;
    }

.link-tt:hover {
        font-family: cursive;
        background-color: #ffffff;
        color: rgb(32, 32, 32);
    }

.link-ig {
        display: inline-block;
        padding: 5px 16px;
        background-color: #f847bd;
        color: white;
        text-decoration: none;
        border-radius: 25px;
        border: 5px solid #7700ffb4;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 25px;
        transition: background-color 0.3s ease;
    }

.link-ig:hover {
        font-family: cursive;
        background-color: #ffffff;
        color: rgb(32, 32, 32);
    }

.link-ws {
        display: inline-block;
        padding: 5px 16px;
        background-color: #2fff52;
        color: white;
        text-decoration: none;
        border-radius: 25px;
        border: 5px solid #25e01fb4;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 25px;
        transition: background-color 0.3s ease;
    }

.link-ws:hover {
        font-family: cursive;
        background-color: #ffffff;
        color: rgb(32, 32, 32);
    }

.link-ds {
        display: inline-block;
        padding: 5px 16px;
        background-color: #3700ffb4;
        color: white;
        text-decoration: none;
        border-radius: 25px;
        border: 5px solid #361ab1;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 25px;
        transition: background-color 0.3s ease;
    }

.link-ds:hover {
        font-family: cursive;
        background-color: #ffffff;
        color: rgb(32, 32, 32);
    }

footer {
        background-color: #333333af;
        color: white;
        text-align: center;
        padding: 20px;
    }

.link-footer {
        display: inline-block;
        padding: 5px 16px;
        background-color: #000000;
        color: white;
        text-decoration: none;
        border-radius: 25px;
        border: 5px solid #cac0c0b4;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 25px;
        transition: background-color 0.3s ease; 
    }

.link-footer:hover {
        font-family: cursive;
        background-color: #ffffff;
        color: rgb(32, 32, 32);
    }