@import url('https://fonts.googleapis.com/css2?family=Allerta+Stencil&display=swap');
body{
    margin:0;
    background: linear-gradient(to left bottom, rgb(52, 106, 119), rgb(150, 192, 191));
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Allerta Stencil", sans-serif;
}

.container{
margin: 15px;
background: rgba(50, 178, 178, 0.8);
padding: 45px;
border: darkgray, solid, 3px;
border-radius: 40px 10px;
box-shadow: 10px 10px 10px rgba(50, 20, 20, 0.5);
width: 85%;
min-width: 340px;
max-width: 450px;
display: flex;
flex-direction: column;
align-items: center;
}

.heading{
font-size: 32px;
}

.temp-container{
    width:100%;
    padding: 15px;
}

.input{
    width: 220px;
    padding: 5px;
    float: right;
    outline: none;
    background: rgba(255, 255, 255, 0.6);
    border-color: rgba(255, 255, 255, 0.7)
}