#wrapper {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            border-style: solid;
            border-color: rgb(0, 255, 0);
            width: 800px;
            background-color: rgb(255, 255, 255);
            margin-left: auto;
            margin-right: auto;
            min-height: 200px;
        }
	    
        header {
            order: 1;
            border-style: solid;
            flex-basis: 100%;

        }
        nav {
            order: 2;
            border-style: solid;
            flex-basis: 100%;
        }
        main {

            order: 3;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            border-style: solid;
            flex-basis: 400px;
            flex-grow: 1;
            flex-shrink: 1;
            min-height: 150px;
            justify-content: space-around;
        }
        aside {
            order: 4;
            border-style: solid;
            flex-basis: 30%;
            min-height: 20%;
        }

        footer {
            order: 4;
            border-style: solid;
            flex-basis: 100%;
        }
        .boks {
            width: 25%;
            min-height: 150px;
            border-style: solid;
            border-color: red;
        }
        .henny-penny-regular {
 font-family: "Henny Penny", system-ui;
  font-weight: 400;
  font-style: normal;
        }

.nosifer-regular {
  font-family: "Nosifer", sans-serif;
  font-weight: 400;
  font-style: normal;
}