/* 900,700,300 */

*{
    font-family: "Special Gothic", sans-serif;
}
body{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding:0;
}
/* main start here */
.container{
    justify-content: center;
    height: 80vh;
    /* border: 2px solid black;
    border-radius: 8px; */
    padding: 1.5rem; 
    margin-top: 2vw;
}
.container h2{
    margin: 0;
    text-align: center;
}
.currancy{
    display: inline-block;
}
.currancy h5{
    color: gray;
    padding: 9px 0 0 0;
    margin: 0;
}

/* currancy input style edit */
.currancy-input{
    border: 2px solid gray;
    border-radius: 9px;
    padding: 7px;
}

/* form style edit */
/* universal edit of 2 */
.form h5{
    color: gray;
    padding: 9px 0 0 0 ;
    margin:0;
}
.form1{
    display: flex;
    border: 1px solid grey;
    border-radius: 7px;
    padding: 4px;
    margin: 0;
    width: 50%;
}
.form1 img{
    padding: 9px 0 0 0;
    margin: 0;
    width: 25px;
}
.form1 select{
    border: none;
    outline: none;
    margin-top: 0.5rem;
}

/* arrow style edit */
.arrow{
    text-align: center;
}
.arrow i{
    font-size: 1.2rem;
    padding: 7px 0 4px 0;
}
/* button style edit */
.container button{
    border: none;
    outline: none;
    background-color: #757575; 
    color: white;
    padding: 7px 12px;
    border-radius: 7px;
    cursor: pointer;

}
/* intro edit */
.intro{
    text-align: center;
    margin: 0;
    color: gray;
    padding: 7px 0 5px 0;
    position: absolue;
    bottom: 0;
}
.intro h5 a{
    text-decoration: none;
    color: #422c2c;
}