style-phone.css

    @import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Poppins:wght@300;500;700&family=Roboto:wght@300&family=Ubuntu:wght@400;500&display=swap');
    @font-face {
        font-family: 'Amazon';
        src: url("C:\Users\archa\Downloads\Amazon_Typefaces_Complete_Font_Set_Mar2020\Amazon_Typefaces_Complete_Font_Set_Mar2020\Ember");
    }
    
    .img {
        text-align: center;
    }
    
    .logo {
        width: auto;
        height: 50px;
        margin-top: 32px;
        margin-left: 30px;
    }
    
    a:hover {
        text-decoration: underline;
        color: rgb(0, 0, 224);
    }
    
    * {
        margin: 0;
        padding: 0;
        /* text-align: center; */
        font-family: 'Ubuntu';
        text-decoration: none;
    }
    
    body {
        position: fixed;
        background-color: white;
    }
    
    .container {
        border: 1px solid lightgray;
        background-color: white;
        width: 280px;
        margin-left: 20px;
        margin-top: 16px;
        text-align: left;
        padding: 5px 5px;
        text-align: left;
        border-radius: 5px;
        padding: 16px 19px;
    }
    
    .container h1 {
        font-family: 'Ubuntu', sans-serif;
        font-weight: 400;
        text-align: left;
        margin-bottom: 16px;
    }
    
    .container p {
        font-size: 16px;
        font-family: 'Ubuntu', monospace;
        text-align: left;
    }
    
    .container h4 {
        margin-bottom: 10px;
    }
    
    .container input {
        padding: 5px 5px;
        width: 90%;
    }
    
    .container button {
        margin-top: 16px;
        background-color: rgb(255, 190, 70);
        border: 1px solid black;
        border-radius: 4px;
        width: 95%;
        padding: 6px 0px;
        margin-bottom: 16px;
    }
    
    .container button:active {
        margin-top: 16px;
        background-color: rgb(252, 178, 41);
        border: 1px solid black;
        box-shadow: 2px 2px 8px rgb(252, 178, 41);
        border-radius: 4px;
        width: 95%;
        padding: 6px 0px;
        margin-bottom: 16px;
    }
    
    .container p {
        font-size: 15px;
    }
    
    .nta {
        text-align: center;
        background-color: white;
        display: inline-block;
        width: 140px;
        margin-left: 115px;
        /* border: 1px solid black; */
    }
    
    .line {
        border-top: 1px solid black;
        margin-left: 50px;
        margin-top: -10px;
        width: 280px;
    }
    
    .mid {
        margin-top: 16px;
    }
    
    .mid button {
        margin-left: 49px;
        margin-top: 25px;
        padding: 6px 33px;
        font-size: 16px;
        margin-bottom: 16px;
    }
    
    hr {
        width: 328px;
        margin-left: 23px;
    }
    
    .footer {
        margin-left: 18px;
        margin-top: 23px;
        width: 337px;
    }
    
    .link {
        padding: 11px;
    }
    
    .footer p {
        font-size: 15px;
        margin-top: 22px;
        margin-left: 11px;
    }