* {
    box-sizing: border-box;
    margin: 0%;
    padding: 0%;
}

body {
    background-color: #8FBDD3;
}

nav {
    background-color: yellowgreen;
    padding-top: 30px;
}

h3 {
    font-family: 'Bricolage Grotesque', sans-serif;
    display: flex; justify-content: center; 
    /* margin-top: 150px; */
    color: white;
}

.kolom {
    width: 220px;
    /* margin-left: 40%; */
}

.submit {
    display: flex;
}

.temperature {
    display: flexbox;
    align-items: center;
    justify-content: space-around;
}

.tombol-test {
    background-color: green;
    color: white;
    border-radius: 3px;
    text-decoration: none;
    /*justify-content: center;
    align-items: center;
    text-transform: uppercase;  
    display: flex;*/
    display: inline-block;
    text-align: center;
    font-size: 15px;   
    padding: 10px;
}

.tombol-test:hover{
    background-color: blue;
    color: yellow;
}

.card-suhu {
    background-color: #537188;
    border-radius: 3px;
    font-size: 20px;
    border: 2px solid #537188;
    color: white;
    display: inline-block;
    font-family: cursive;
    /* border-width: 75px; */
    width: 100%;
    text-align: center;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh
}