* {
    margin:0; 
    padding:0;
}

body {
    background-color: grey;
    color: honeydew;
}

/* navbar */


/* list font */

@font-face {
    font-family: open-sans;
    src: url(font/OpenSans-Light.ttf);
}

@font-face {
    font-family: open-sans-bold;
    src: url(font/OpenSans-Bold.ttf);
}

@font-face {
    font-family: like-snow;
    src: url(font/Like-Snow.otf);
}

/* -list font- */

p{
    font-family: 'open-sans';
    font-weight: 350;
}

hr{
    color: black;
}

figcaption{
    font-family: 'open-sans';
    font-weight: 350;
}

.garis-item{
    border-style:solid;
    color: rgb(51, 51, 51);
}
h3{
    font-family: 'open-sans-bold';
}

.open-bold{
    font-family: 'open-sans-bold';
}


/* Header,article dan footer*/

article{
    background-color: rgb(63, 63, 63);
    border-style:solid;
    color: rgb(22, 22, 22);
}

header{
    border-style: solid;
    background-color: dimgray;
    border-color: dimgrey;
    font-family: like-snow;

}

footer{
    border-style: solid;
    background-color: dimgrey;
    border-color: dimgrey;
}

/* Header, article dan footer */

.text-sans{
    font-family: 'open-sans';
}

.jadwal-kiri {
    height: 364px;
    width: 224px;
}

.jadwal-tengah {
    height: 364px;
    width: 224px;
    position: absolute;
    top: 0px;
}

/* fitur jam */

.jam-digital-malasngoding {
    overflow: hidden;
    width: 330px;
    margin: 20px auto;
    border: 5px solid #b1b1b1;
}
.kotak{
    float: left;
    width: 110px;
    height: 100px;
    background-color: #3f4144;
}
.jam-digital-malasngoding p {
    color: rgb(224, 224, 224);
    font-size: 36px;
    text-align: center;
    margin-top: 30px;
}

/* end fitur jam*/