*{
    box-sizing: border-box;margin: 0;padding: 0;
}
html{
    font-size: 62.5%;

}
body{
    background-image:linear-gradient(to right,rgb(238, 238, 51),rgb(238, 238, 120));
}
main{
    margin: 2rem;display: flex;flex-direction: column;
}
h1{
    font-size: 4rem;padding:2rem;font-family:Arial, Helvetica, sans-serif;background-image: linear-gradient(to right,rgb(20, 20, 20),rgb(42, 42, 42));line-height: 8rem;font-weight: 500;color: white;
}
.left{
   width: 50%;
}
p{
    font-size: 2.4rem;margin-bottom: 1rem;font-weight: bold;font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
label{
    font-size: 1.6rem;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

input{
    padding: .4rem;border:1px solid black;outline: none;
}
.calculate{
    padding: .3rem;font-size: 1.6rem;background-color: green;color: white;margin-top: 2rem;outline:none; border:1px solid black;
}
.calculate:hover{
    background-color: black; outline:none;border:1px solid black;
}
.right{
   width:45%;position: absolute;right: 0px;margin-right: 2rem;font-size: 1.6rem;
}
.logo_container{
display: flex;height: 8rem;width: 30rem;justify-content: space-evenly;align-items: center;box-shadow: 1px 1px 5px .5px black;border-radius: 5px;position: relative;bottom: 0rem;
}
.logo_container img{
    height: 5rem;width: 5rem;
}
@media screen and (max-width:650px) {
    .logo_container{
        flex-direction: column;height: auto;width: 8rem;margin: 2rem;position: relative;left: 4rem;
    }
    .logo_container img{
      margin: 1rem;height:4rem;width: auto;
    }
}