.register{background: -webkit-linear-gradient(top, #ff4646,#e6ff00);margin-top: 1%;padding: 3%;}
    .register2{background: -webkit-linear-gradient(left, #d45132, #f9a490);margin-top: 1%;padding: 3%;}
    .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-left2 input{float: left;border-radius: 1.5rem;padding: 2%;width: 40%;font-weight: bold;margin-top: 9%;margin-bottom: 3%;cursor: pointer;}
    .register-right{background: #f8f9fa;border-top-left-radius: 10% 50%;border-bottom-left-radius: 10% 50%;}
    .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: #d45132;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;}
    .register .nav-tabs .nav-link{padding: 2%;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: 100px;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;}
    .blinking{animation:blinkingText 0.7s infinite;}
    #inset {border-style: inset;}
    #mpart{margin: 0px 0px 0px 0px;font-weight: bold;padding: 10px 0px 0px 100px;}
    #mpart p{color: darkred;}
    #annx{margin-top:1%;text-decoration:none;text-align:right;width:100%;margin-bottom:-10%;}
    #annx a{text-decoration:none;font-weight:bold;color:white;margin-left:1%;font-size:11px;}
    @keyframes blinkingText{
        0%{     color: darkblue;    }
        49%{    color: black; }
        50%{    color: yellow; }
        99%{    color: #fff;  }
        100%{   color: #fff;    }
    }
    @media screen and (min-width: 601px) {
      h1.register-heading {font-size: 30px;}
      div#mpart{font-size: 13px;}
    }
    @media screen and (max-width: 600px) {
      h1.register-heading {font-size: 15px;}
      div#mpart{font-size: 9px;}
    }
    @media screen and (min-width: 0px) and (max-width: 600px) {
        #hide2{ display: none; }   /* hide it on larger screens */
        #hidd{display:none;}
        #hid{display:block;}
        #mpart{display:none;}
        #annx{display:none;}
        .register{background: none; margin-top: none; padding:none;}
        .register-right{background: none;border-top-left-radius: none;border-bottom-left-radius: none;}
    }
    @media screen and (min-width: 601px) and (max-width: 9024px) {
        #hide20{ display: none; }  /* show it on smaller screen */
        #hidd{display:block;}
        #hid{display: none;}
    }
    .container2{border:2px solid blue;text-align:center;height:500px;width:400px;}
    h1{margin:auto;color:white;}
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-calendar-picker-indicator {-webkit-appearance: none;}
    input[type="submit2"]{text-align: center;margin-top: 10%;border: none;border-radius: 1.5rem;padding: 2%;background: brown;color: #fff;font-weight: 600;width: 40%;cursor: pointer;}