signup.css

* {
    margin: 0px;
    box-sizing: border-box !important;
    font-family: Futura, sans-serif;
    color:white
}

nav {
    background-color: #1a1a1a;
    height: 68px;
}
.bgimg-login-layout {
    background-image: url(https://cdn.shopify.com/s/files/1/0014/3514/0183/files/bg_49938515-20d6-4329-9ad5-26cccec5bd8e.jpg?v=1631711342);
    width: 100%;
    height: 800px;
    background-repeat: no-repeat;
    background-color: black;
    background-size: 100% 100%;
}

    #container {
        justify-content: center;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        font-family: Futura,sans-serif;
        font-weight: 400;
        font-style: normal;
        color: #454545;
        background: #fff;
        line-height: 1.65;
        font-size: 14px;
        
    }
    #content{
        background: rgba(15, 15, 15, 0.445);
        width:400px;
        height: 568.19px;
        padding:10px 12px;
        margin: auto;
        margin-top: 60px;
        text-align: center;
        
        
    }
    input {
        width:376px;
        height: 45px;
        margin-top: 8px ;
        padding-left: 12px;
        color: black;
        
        
    }
    button{
        width:376px;
        height: 45px;
        border: 1px solid transparent;
        color: #FFFFFF ;
        background-color: black;
        text-align: center;
        margin:20px 0px 0px;
        padding:14px 28px;
        letter-spacing: .2em;
        cursor: pointer;
    }
    #inputs {
        width:376;
        height:275;
        font-size: 14px;
        
        
    }
    #checkmark {
        width:13px;
        height:13px;
    }
    #below{
        justify-content: left;
        text-align: left;
        font-family: Futura,sans-serif;
        font-size: 12px;
    }
    .belowDiv {
        margin: 0px 0px 0px 22.5469px;
        line-height: 22px;
    }
    #top {
        width:376;
        height:275;
        
    }
    p:nth-child(1){
        text-align: center;
        margin-top: 10px;
    }
    h2{
        
        font-family: "DIN Neuzeit Grotesk",sans-serif;
        font-weight: 300;
        font-style: normal;
        color:white;
        transition: color .2s ease-in-out;
        letter-spacing: .2em;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
    #lastP {
        font-size: 13px;
        font-family: "DIN Neuzeit Grotesk",sans-serif;
        letter-spacing: .1em;
    }

    @media only screen and (min-width:0px) and (max-width:449px) {
        .bgimg-login-layout {
            width :100%;
            min-height: 850px;
        }
        #content {
            height:auto;
            width:90%;
        }
         #inputs,#firstName, #lastName, #email, #pass, button {
            width:100%;
         } 
         button {
             height:45px;
         }   
    }