* {

    box-sizing: border-box;

    margin: 0px;

    padding: 0px;

    font-family: "Sans-serif";

    text-decoration: none;

}



body {

    /*background: linear-gradient(to right,#1ac6ff,#9999ff,#23a6d5);*/



    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 2;

    background-color: rgb(255, 255, 255);

    /*background: linear-gradient(45deg, #D4C2FC 0%, #EEE4E5 10%, #F4D3F0 20%, #C8E0F8 30%, #A9F7FE 40%, #D4C2FC 50%, #EEE4E5 60%, #F4D3F0 70%, #C8E0F8 80%, #A9F7FE 90%, #D4C2FC 100%);*/

    background: linear-gradient(45deg, #9be15d, #00e3ae);

    /*mix-blend-mode: hard-light;

    animation-name: gradientanimation;

    animation-duration: 10s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;*/

    background-position: 0vw center;

    background-size: 2000vw 2000vh;

}



.error {

    color: red;

    font-size: 1.2rem;

}

.profile{

    padding-left: 5%;

}

.userErr{

    display: block;

    text-align: center;

    color: red;

}

.info{

    width: 100%;

    height: 2rem;

    margin-bottom: .5rem;

    border-radius: 6px;

}

input[type=email],input[type=password],input[type=text]{

    width: 100%;

    height: 2rem;

    display: inline-block;

    outline: none;

    border:none;

    border-bottom: 2px solid #9494b8;

}

.container {

    border: 2px solid #fff;

    width: 30%;

    margin: auto;

    margin-top: 10vh;

    padding-top: 4%;

    padding-bottom: 5%;

    background: #fff;

    border-radius: .8rem;

    margin-bottom: 5%;

}



.head {

    text-align: center;

    font-size: 2.5rem;

    font-weight: bold;

    color: #da0a0a;

    font-family: 'Permanent Marker';

}



.newuser:hover {

    transform: scale(1.28);

}



form {

    padding: 10%;

    padding-bottom: 5%;

}

.email{

    color:#5132fe;

}



input[type=email],

input[type=password],

input[type=text] {

    width: 100%;

    height: 2rem;

    display: inline-block;

    outline: none;

    border: none;

    border-bottom: 2px solid #9494b8;

}



.newuser {

    width: 100%;

    text-align: center;

    margin-top: 1rem;

    outline-style: none;

}



.submit {

    margin: 5% 10% 0% 10%;

    height: 2.5rem;

    width: 80%;

    border-radius: 12px;

    background: linear-gradient(to right, #1ac6ff, #9999ff);

    color: #ffffff;

    border: aliceblue;

}



button:hover {

    opacity: 0.8;

    background: linear-gradient(to right, #9999ff, #1ac6ff);

    color: #ffffff;

}



.arc-modify{

    margin-top: 50px!important;

}



@media(max-width:1024px) {

    .container {

        width: 40%;

        margin-top: 7vh;



    }





}



@media(max-width:768px) {

	.container {

		width: 85%;

    	margin-top: 4vh;

	}

}



@media(max-width:426px) {

    .container {

        width: 94%;

    }

}