style.css

*{
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
}
body{
     background: url("C:\Users\Surya\Documents\GitHub\CodeAlpha_Temperature_Converter.io\images\image2.jpg") no-repeat center center/cover;
     opacity: 1;
     
}
.head{
      display: flex;
      flex-direction:column;
      width:100%;
      height:15vh;
      justify-content: center;

}
.head h1{
      color:black;
      text-align: center;
      font-size: 3rem;
      font-family: 'Cinzel',serif;
}
.main{
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
      height: 80vh;
      justify-content: space-evenly;
      align-items: center;
      
}
 
.main .con{
      display: flex;
      flex-direction: column;
      width: 30vw;
      height: 63vh;
      justify-content: center;
      align-items: center;
      border:4px solid black;
      border-radius: 80px;
     

}
.main .con h1{
      color:black;
      font-size: 2.2rem;
      margin-bottom: 20px;
      font-family: 'Permanent Marker',cursive;
      position: absolute;
      bottom: 27rem;


}
input[type="number"]{
 width: 28vw;
 height: 5vh;
 border: 2px solid black;
 font-size: 1.5rem;

}
button{
      width: 10vw;
      height: 6vh;
      background-color: black;
      color: rgb(220, 232, 220);
      cursor: pointer;
      font-size: 17px;
}

.lb{
      font-size: 2rem;
      color:white;
}