conversion.css

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Faster+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sarpanch:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Coda:wght@800&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

body {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    /* background-image: url(bg2.png); */
    background-color: #111;
    background-size: cover;
}


.container {
    position: relative;
    width: 700px;
}

.btn-outline-dark {
    background-color: #FF9700 !important;
    border-color: #FF9700 !important;
}

.form-hold {
    background-color: rgba(41, 41, 41, 0.6);
    border-radius: 50px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 600;
    width: max-content;
}

.contact a {
    color: #fff !important;
}

.form-hold {
    background-color: rgba(150, 150, 150, 0.192);
    border-radius: 150px 2px 2px 2px;
}

.heading {
    letter-spacing: 1px;
    word-spacing: 2.5px;
    font-family: 'Coda', cursive;
    padding-bottom: 37px;
    color: #FF9700;
}

.form-hold input[type=text] {
    background: transparent;
    outline: none;
}

input {
    background-color: #fff !important;
}

.text {
    text-align: left;
    color: #fff;
}

.footer-div {
    position: fixed;
    bottom: 0;
    width: 100%;
    color: #fff;
    background-color: rgb(5, 5, 5);
}

.nav-link:active,
.nav-link:hover,
.nav-link:focus {
    color: #fff !important;
}

.footer-div a {
    color: rgb(255, 166, 0);
    text-decoration: none;
}

@media(max-width:800px) {
    .container {
        width: auto;
        height: 100%;
    }
}