indexstyle.css

body {
    background-image: linear-gradient(180deg, #2af598 0%, #009efd 100%);
    background-size: cover;
}
.copy-right{
    position: absolute;
    margin-bottom: 0px;
    display:inline-block;
    color:white;
    background-image: linear-gradient(to right, #434343 0%, black 100%);
    width:100%;
}

.register{
    padding: 1.5%;
}
.register-left{
    text-align: center;
    color: #fff;
    margin-top: 4%;
}
.register-left input{
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
    width: 60%;
    background: #f8f9fa;
    font-weight: bold;
    color: #383d41;
    margin-top: 30%;
    margin-bottom: 3%;
    cursor: pointer;
}
.register-right{
    background: #f8f9fa;
    border-radius: 60px;
    left:70px;
}
.register-left img{
    margin-top: 15%;
    margin-bottom: 5%;
    width: 25%;
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
.register-left p{
    font-weight: lighter;
    padding: 12%;
    margin-top: -9%;
}
.register .register-form{
    padding: 10%;
    margin-top: 10%;
}
.btnRegister{
    float: right;
    margin-top: 10%;
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
    background: #0062cc;
    color: #fff;
    font-weight: 600;
    width: 50%;
    cursor: pointer;
}
.register .nav-tabs{
    margin-top: 3%;
    border: none;
    background: #0062cc;
    border-radius: 1.5rem;
    width: 28%;
    float: right;
    margin-right:160px;
    
}
.register .nav-tabs .nav-link{
    padding: 1%;
    height: 34px;
    font-weight: 600;
    color: #fff;
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}
.register .nav-tabs .nav-link:hover{
    border: none;
}

.register .nav-tabs .nav-link.active{
    width: 120px;
    color: #0062cc;
    border: 2px solid #0062cc;
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
.register-heading{
    text-align: center;
    margin-top: 8%;
    margin-bottom: -15%;
    color: #495057;
}
#lab .nav{
    margin-right:35%;
    margin-top: 30px;
    width: 30%;
    background-color:teal;
}
#lab .tab-pane{
    margin-top:3%;
 /*   width: 110%;*/
}
.tab-content{
    padding-top:30px;
}
@media ( max-width: 768px){
    nav{
        margin-left:100px;
        margin-bottom: 10px;
    }
.register-right{
    left:0px;
    margin: 2%;
}
.register-right .nav{
    width:100px;
    margin-right:20%;
    padding:20px;
}
.register .tab-content{
    margin-top:80px;
}
#lab .tab-pane{
    margin-top:10%;
 /*   width: 110%;*/
}
#lab .nav{
    width:50%;
    padding:5px;
margin-right:25%;
}
}