*, *::before, *::after
    {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }

:focus
    {
        outline: none;
    }

body    
    {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        text-align: center;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }

.container
    {
        padding: 15px;
        border: 2px solid black;
        width: 700px;
    }

label
    {
        display: block;
        font-size: 25px;
        padding: 10px;
    }

input[type="text"]
    {
        font-size: 25px;
        text-align: center;
        margin-bottom: 20px;
        width: 625px;
    }

input[type="number"]
    {
        font-size: 25px;
        text-align: center;
        margin-bottom: 20px;
    }

#heading
    {
        font-size: 50px;
        position: relative;
        top: -25px;
    }

#SubHeading
    {
        font-size: 20px;
        position: relative;
        top: -25px;
        left: -250px;
    }

hr
    {
        position: relative;
        top: -30px;
    }

input[type="button"]
    {
        font-size: 25px;
        padding: 5px;
        border: 1px solid black;
        border-radius: 10px;
    }

.btn
    {
        background: transparent;
        position: relative;
        cursor: pointer;
    }

.active
    {
        color: white;
        background: black;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.50);
    }

.calculate
    {
        left: -10px;
        width: 250px;
        color: white;
        background:lightslategray;
    }

.reset
    {
        right: -10px;
        width: 250px;
        color: white;
        background:lightslategray;
    }

.calculate:hover
    {
        box-shadow: 0 0 5px 2.5px rgba(0, 0, 0, 0.75);
        border: 1px solid transparent;
    }

.reset:hover
    {
        border: 1px solid transparent;
        box-shadow: 0 0 5px 2.5px rgba(0, 0, 0, 0.75);
    }

.pounds
    {
        width: 625px;
    }

.cm
    {
        width: 625px;
    }

.kg
    {
        width: 625px;
    }