.bakgrund{
    background-image: url("./img/showcase.jpg");
    height: 400px;
    width: 90%;
    margin-left: 5%;
    margin-right:5%;
    border:2px solid black;
}

#rubrik{
    text-align:center;
    background-color:#000287;
    border:5px solid black;
    border-radius:5px;
    font-size:5em;
    font-family:'Courier New', Courier, monospace;
    padding-top:20px;
    margin-left:10%;
    margin-right:10%;
}

.red-box{
    border:2px #32b06f solid;
    border-radius: 5px;
    background-color: rgb(135, 0, 0);
    margin:2%;
    display:flex;
    flex-direction:column;
}

.blacktext{
    font-family:'Franklin Gothic Medium', 'Arial', sans-serif;
    color: black;
}

.greentext{
    font-family:'Courier New', Courier, monospace;
    color:#1fab23;
    font-weight:bold;
}

.greenbox{
    background-color:#32b06f;
    border:3px solid black ;
    padding:1%;
    margin-left:32%;
    padding-right:15%;
}

.blackbox{
    background-color:black;
    border:3px solid #32b06f;
    padding:2%;
    margin-right:32%;
    padding-left:15%;
}