
    .login-section{
        display:flex;
        flex-direction:column;
        justify-content:center;
        width:100%;
    }
    .login-section form{
        display:flex;
        flex-direction:column;
        justify-content:center;
        width:100%;
        padding:60px 60px;
        margin-top:50px;
    }

    .login-section form .input{
        display:flex;
        flex-direction:column;
        justify-content:center;
        margin-top:50px;
        width:100%;
    }

    .login-section form .input label{
        font-size:40px;
    }
    .login-section form .input label{
        font-size:40px;
        display:flex;
    }
    .login-section form .input label svg, .signup-section form .input label svg{
        width:37px;
        margin-right:10px;
        padding-bottom: 3px;

    }
    .login-section form .input input{
        height:50px;
        border-top:unset;
        border-left:unset;
        border-right:unset;
        font-size:50px;
        margin-top:15px;
    }

    button[type=submit]{
        margin-top: 60px;
        font-size:40px;
        border:unset;
        color:white;
        background-color:#0C8CE9;
        padding:30px 30px;
    }

    .signup-link {
        display:flex;
        justify-content:center;
        margin-top: 50px;
        font-size:40px;
        border:1px solid #0C8CE9 ;
        color:#0C8CE9;
        background-color:white;
        padding:30px 30px;
        text-decoration: none;
    }


    .signup-section{
        display:flex;
        flex-direction:column;
        justify-content:center;
        width:100%;
    }
    .signup-section form{
        display:flex;
        flex-direction:column;
        justify-content:center;
        width:100%;
        padding:60px 60px;
        margin-top:50px;
    }

    .signup-section form .input{
        display:flex;
        flex-direction:column;
        justify-content:center;
        margin-top:50px;
        width:100%;
    }

    .signup-section form .input label{
        font-size:40px;
        display:flex;
    }
    .signup-section form .input label svg{
        
        margin-right:10px;
        width:37px;
    }

    .signup-section form .input input{
        height:50px;
        border-top:unset;
        border-left:unset;
        border-right:unset;
        font-size:50px;
        margin-top:15px;
    }


    button[type=submit]{
        margin-top: 60px;
        font-size:40px;
        border:unset;
        color:white;
        background-color:#0C8CE9;
        padding:30px 30px;
        cursor: pointer;
    }

    .login-link {
        display:flex;
        justify-content:center;
        margin-top: 50px;
        font-size:40px;
        border:1px solid #0C8CE9 ;
        color:#0C8CE9;
        background-color:white;
        padding:30px 30px;
        text-decoration: none;
    }

    .login-link svg path {
        display:flex;
        justify-content:center;
        margin-top: 50px;
        font-size:40px;
        border:1px solid #0C8CE9 ;
        color:#0C8CE9;
        background-color:white;
        padding:30px 30px;
        text-decoration: none;
    }

    .svg-button{
        padding-top: 0px;
        margin-right: 9px;
        margin-bottom: -2px;
        width:39px;
      
    }

    .svg-button path {
        stroke:white;
    }

    .svg-link path {
        stroke:#0C8CE9;
    }
    .svg-link {
        padding-top: 0px;
        margin-right: 9px;
        margin-bottom: -2px;
        width:39px;
      
    }
    

    @media only screen and (min-width: 1000px) { 
        .login-section form {
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 50%;
            padding: 20px 60px;
            margin-top: 0px;
        }

        .login-section {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 100%;
        }
        .login-section form .input label {
            font-size: 22px;
        }

        .login-section form .input input {
            height: 22px;
            border-top: unset;
            border-left: unset;
            border-right: unset;
            font-size: 21px;
            margin-top: 16px;
        }

        .login-section form .input {
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin-top: 36px;
            width: 100%;
        }

        button[type=submit] {
            margin-top: 44px;
            font-size: 23px;
            border: unset;
            color: white;
            background-color: #0C8CE9;
            padding: 12px 26px;
            cursor: pointer;
        }

        .signup-link {
            display: flex;
            justify-content: center;
            margin-top: 20px;
            font-size: 23px;
            border: 1px solid #0C8CE9;
            color: #0C8CE9;
            background-color: white;
            padding: 12px 26px;
            text-decoration: none;
        }

        .signup-section form {
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 50%;
            padding: 20px 60px;
            margin-top: 0px;
        }

        .signup-section {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 100%;
        }
        .signup-section form .input label {
            font-size: 22px;
        }

        .signup-section form .input input {
            height: 22px;
            border-top: unset;
            border-left: unset;
            border-right: unset;
            font-size: 21px;
            margin-top: 16px;
        }

        .signup-section form .input {
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin-top: 36px;
            width: 100%;
        }

        .login-section form .input label svg, .signup-section form .input label svg{
            width:22px;
            margin-right:10px;
            padding-bottom: 3px;
    
        }

        input[type=submit] {
            margin-top: 44px;
            font-size: 23px;
            border: unset;
            color: white;
            background-color: #0C8CE9;
            padding: 12px 26px;
        }

        .login-link {
            display: flex;
            justify-content: center;
            margin-top: 20px;
            font-size: 23px;
            border: 1px solid #0C8CE9;
            color: #0C8CE9;
            background-color: white;
            padding: 12px 26px;
            text-decoration: none;
        }

        .alert {
            background-color: white;
            color: red;
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            font-size: 17px;
        }

        .svg-button{
            padding-top: 0px;
            margin-right: 4px;
            margin-bottom: -3px;
            width:23px;
          
        }

        .svg-button path {
            stroke:white;
        }

        .svg-link path {
            stroke:#0C8CE9;
        }
        .svg-link{
            padding-top: 0px;
            margin-right: 4px;
            margin-bottom: -3px;
            width:23px;
          
        }
        
        
    }
