*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}
body{
    font-family: 'raleway',sans-serif;
    background: #000;
}
.navlist{
    width: 100%;   
    padding:5px 10vw;
    position: fixed;
    background: rgba(18, 18, 59, 0.9);  
    z-index: 10;
}
.navlist ul{
    display: flex;
    list-style: none;

} 
.navlist ul li:first-child{
    flex:10px ;
    
}
.navlist ul h4{
    font-family: serif;
    color: #fff;
    font-size: large;
    word-spacing: 2px;
}
.navlist ul a{
margin-left: 20px;
font-size: 15px;
color: #fff;
font-weight: bold;
}
.navlist ul a:hover{
    color: red;
    background-color: #fff;
    
}

.background{
    background-image:linear-gradient(#000000c3,#000000c3),url(be.jpg);
    background-size: cover;
    height: 100vh;
    width: 100%;
    display: flex;
    
    }
    .background .text{
        padding-top:30vh ;
    }
    .text{
    margin-top: 33vh;
    flex: 1;
    }
    .box{
        margin-top: 33vh;
        flex: 1;

    }
    .text{
        margin-left: 10%;
        font-weight: 300px;
    }
    .box{
        margin-left: 20%;
    }
    .text h1{
        font-size: 65px;
        color: #fff;
        font-weight: 500;
        font-family: 'raleway',sans-serif;
    }
    .text h3{
        font-size: 20px;
        color: #fff;
        font-weight: 300;
    }
    .text h3 a{
        color:rgb(13, 9, 245);
        font-weight: 700;
        font-family: 'raleway',sans-serif;
    }
    .form{
        background: transparent;
        color: #fff;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        width: 250px;
    }
    input{
        margin: 2px 0;
        padding: 10px;
        background: transparent;
        border: none;
        outline: none;
        color: #fff;
        font-weight: 700;
        font-size: large;
        font-family: 'raleway',sans-serif;
    }
    
    .username, .password,.fullname, .email{
        border-bottom: 1px solid #fff;
    }
    .login{
        background: transparent;
        border: 1px solid #fff;
        color: #fff;
        font-size: 20px;
    
    }
    .login:hover{
        background: #fff;
        color: #000;
    }
    .section-p1{
        background-color: #fff;
    }