Disco Elysium Layout I made(Since layout section doesnt work)

img.logo{

content: url("https://shop.discoelysium.com/cdn/shop/t/4/assets/logo-image-file.png?v=49948319634983917661608219677");

width: 144px !important;

height: 48px !important;}

body{

background-color: #ffffff;

background: url(https://wallpaper.forfun.com/fetch/d6/d63185c24ae48038340e6e3e04f5cc4d.jpeg);

background-size: contain;

}

main{

background-color: #ffffff;

background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRULY-InxwZyViSg3XXwDMdXCWO70XR5ZhRpQ&s);

}

.contact, .url-info, .table-section, .blurbs, .friends, .comments {

background-color: #ffffff;

background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRLU6Gdju_udJTJJMNF8TaCsuJs8t0-8AdiNQ&s);

background-size: contain;

        box-shadow: 0px 1px 10px black;

}

span[itemprop='name'] {

color: #000000;

font-size: 16pt;

font-weight: bold;

font-style: italic;

font-family: Monospace;

}

h4 {

color: #000000;

font-family: Serif;

}

.section h4, .details-table td:first-child {

color: #000000!important;

font-family: Serif;

}

a, .count {

color: #5959d9;

font-family: Serif;

}

a:hover {

color: #61bcf5;

font-family: Serif;

}

body,main {

color: #000000;

font-family: Serif;

}

.details-table td, .details-table td:first-child{

background: none!important;

}

.heading{

background: none!important;

}

.comments-table td{

background: none!important;

}

    .container{

        box-shadow: 0px 1px 10px black;

        width: 970px;

    }

nav{

    background-color: transparent;

    border: none;

    margin-bottom: 50px;

}

nav .top{

    background: transparent;

    color:var(--links);

}

nav .top a, nav .links a{

    color: var(--text);

}

nav .links{

    background-color: transparent;

    text-align: center;

}

</style>

If use - comment , please. U can edit and stuff , I have no problems with that