Untitled

* {

margin: 0;

padding: 0;

box-sizing: border-box;

}


body {

font-family: "Open Sans", sans-serif;

background-color: rgb(240, 233, 233);

}

.huvudcont {

width: 1100px;

height: auto;

background: #fff;

margin-top: 15px;

position: absolute;

left: 0;

}


.huvudcont-inner {

display: flex;

height: auto;

}


.navigation {

display: flex;

width: 1250px;

height: 45px;

justify-content: space-between;

background: #fff;

margin-top: 50px;

font-size: 13px;

flex-wrap: wrap;

position: relative;

flex-direction: column;

margin: 0 auto;

}


.navigation1 {

display: inline-block;

padding: 10px;

}


.main {

height: 70vh;

width: 100%;

}




.visarinte {

display: none 

}


.rubrik img {

width: 58px;

height: 48px;

padding-left: 20px;

}


.rubrik {

display: flex;

flex-direction: row;

justify-content: space-between;

padding-right: 40px;

border-bottom: 1px solid rgb(236, 225, 225);

padding-bottom: 13px;

}


#kategori {

padding-left: 20px;

padding-top: 20px;

padding-bottom: 15px;

font-size: 15px;

}


#just {

padding-top: 20px;

font-size: 15px;

padding-left: 60px;

}


.bild-rubrik {

display: flex;

column-gap: 20px;

}


#close {

font-size: 30px;

padding-top: 5px;

color: rgb(233, 203, 203);

}


#close:hover {

color: blue;

}


#rubrik1 {

padding-top: 12px;

}


.inre-list li {

display: flex;

flex-direction: column;

padding-left: 20px;

font-size: 15px;

color: #0096db;

border-bottom: 1px solid #f3eaea;

width: 326px;

height: 31px;

}


.inre-list li a {

display: flex;

color: #0096db;

}


.sidokategori {

display: contents;

flex-direction: row;

}


.span {

display: flex;

flex-flow: row wrap;

width: 440px;

height: 116px;

padding-top: 50px;

padding-left: 50px;

}


.span a {

color: rgb(58, 48, 48);

}


.box {

display: flex;

width: 120px;

height: 53px;

font-weight: bold;

margin-right: 10px;

justify-content: center;

align-items: center;

margin-top: 20px;

border: 1px solid lightgray;

}


.box:hover {

background-color: rgb(250, 245, 245);

}


.rubrik-under {

display: flex;

margin-top: 110px;

padding-left: 50px;

flex-direction: column;

font-size: 15px;

row-gap: 7px;

}


#rubrik-under2 {

padding-left: 0px;

}


.rubrik-under2 li a {

color: #0096db;

}


a.box__links:link {

text-decoration: none;

}


.picture img {

display: flex;

width: 336px;

height: 336px;

padding-right: 5px;

}


.underkategori {

display: flex;

}


#spelbild {

width: 300px;

height: 350px;

padding-top: 60px;

}


#bild2 {

width: 300px;

height: 300px;

padding-top: 10px;

}


.bild_inner {

padding-top: 20px;

}