.rundad{
    width: 250px;
    padding: 20px;
    background-color: lightblue;
    border-radius: 20px;
    text-align: center;
}

.skugga{
    width: 250px;
    padding: 20px;
    background-color: white;
    box-shadow: 5px 5px 10px gray;
    text-align: center;
}

.transparent{
    width: 250px;
    padding: 20px;
    background-color: rgba(255,0,0,0.5);
    text-align: center;
}

.rotate{
    width: 200px;
    padding: 20px;
    background-color: lightgreen;
    transform: rotate(5deg);
    text-align: center;
}

.wordwrap{
    width: 250px;
    padding: 20px;
    background-color: white;
    border: 1px solid black;
    word-wrap: break-word;
}

.overflow{
    width: 250px;
    height: 100px;
    padding: 15px;
    background-color: white;
    border: 1px solid black;
    text-align: justify;
    overflow: auto;
}

.kolumner{
    width: 80%;
    padding: 20px;
    background-color: white;
    border-radius: 15px;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
    column-count: 2;
    column-gap: 30px;
    column-rule: 1px solid gray;
}