* {
    box-sizing: border-box;
}

body {
    background-color: antiquewhite;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

h1 {
    text-align: center;
    background-color: tomato;
}

a {
    color: red;
}

.link { 
    text-align: center;
    font-size: larger;
    word-spacing: 7px;
}


.primjer{
     background-color: orangered;
    width: 300px;
    height: 150px;
    padding: 5px;
    border: 5px solid;
    margin: 15px;
    border-radius: 10px;
    border-top: 10px Yellow dotted;
    overflow: auto;
}

.primjer2{
     background-color: orangered;
    width: 300px;
    height: 150px;
    padding: 5px;
    border: 5px solid;
    margin: 15px;
    border-radius: 10px;
    border-top: 10px Yellow dotted;
    overflow: hidden;
}

.primjer3{
     background-color: orangered;
    width: 300px;
    height: 150px;
    padding: 5px;
    border: 5px solid;
    margin: 15px;
    border-radius: 10px;
    border-top: 10px Yellow dotted;
    overflow: scroll;
}

.da{
     background-color: orangered;
    width: 300px;
    height: 150px;
    padding: 5px;
    border: 5px solid;
    margin: 15px;
    border-radius: 10px;
    border-top: 10px Yellow dotted;
}

.dim{
    font-size: larger;
}