body {
    font-family: Georgia, serif;
    background-color: aliceblue;
    color: darkslategray;
    max-width: 1400px;
    margin: 20px auto;
    padding: 0 20px;
}

h1 {
    color: darkblue;
}

h2 {
    color: mediumblue;
    font-size: 1em;
    font-weight: normal;
}

img {
    float: left;
    margin-right: 25px;
    border-radius: 8px;
    border: 1px solid saddlebrown;
}

.fragment {
    width: 400px;
    height: 400px;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    border: 1px solid saddlebrown;
}

.fragment img {
    position: absolute;
    width: 1200px;
    max-width: none;
    float: none;
    margin: 0;
    border: none;
    border-radius: 0;
}

.crop-hiir img    { left: -688px; top: -740px; }
.crop-monitor img { left: -410px; top: -498px; }
.crop-prygi img    { left: -17px;  top: -600px; }
.crop-lamp img     { left: -800px; top: -249px; }
.crop-tahvel img   { left: -8px;   top: -779px; }
.crop-bloknot img  { left: -767px; top: -605px; }

.kirjeldus {
    overflow: hidden;
    background-color: lightblue;
    border: 1px solid deepskyblue;
    border-radius: 10px;
    padding: 15px 20px;
    margin-top: 20px;
}

.kirjeldus.esile {
    background-color: powderblue;
    border: 2px solid skyblue;
}

.kodulehele {
    display: block;
    clear: both;
    width: fit-content;
    margin-top: 25px;
    color: white;
    background-color: deepskyblue;
    padding: 8px 16px;
    border-radius: 6px;
    text-decoration: none;
}

.kodulehele:hover {
    background-color: blue;
}