.form{
    text-align:-moz-center;
    
}

.smd1{
    font-size: 3vw;
    color: red;
    font-family: 'roboto';
    font-weight: bold;
}

.rejestracja {
    color: blue;
    font-family: 'roboto';
    font-weight: bold;
    font-size: 2vw;
}

a.a1:hover {
    color: #1a6915;
    transition: all 0.2s ease-out;
}

a.btn:hover {
    color: #1a6915;
    transition: all 0.2s ease-out;
    
}

.span{
    font-size: 3vw;
    color: red;
    font-family: 'roboto';
    font-weight: bold;
    
}

.konto{
    text-align: center;
}

.g-recaptcha{
    width: 304px;
    margin: auto;
    margin-top: 20px;
}
.witaj{
    font-size: 40px;
    color: red;
    font-family: 'roboto';
    margin: 0px;
}

.numerDzialki {
    color: red;
    font-size: 1.5rem;
}

.numer {
    color: blue;
    font-size: 2rem;
    font-weight: bold;
    
}

@keyframes metryAnimation {
    0% {transform: scale(1.0);
    
    }
    
    100% {
        
        transform: scale(1.1);
    
    }
}

@keyframes move1 {
    0%{ color: red;}
    100% { color: green;}
         
    }

.email {
    color: #4f02e4;
    font-size: 1.5rem;
    margin: 0px;
}

.wyloguj{
    color: red;
    font-size: 1.5rem;
}

.powierzchnia{
    color: red;
    font-size: 1.5rem;
    margin: 0px;
}

.uchwaly{
    color: blue;
    font-size: 1.5rem;
    font-family: 'Varela Round', sans-serif;
    font-weight: bold;
    
}

.metry{
    color: #001fff;
    font-size: 2.5rem;
    margin: auto;
    font-weight: bold;
    animation-name: metryAnimation;
    animation-duration: 1s;
    animation-direction: alternate-reverse;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.haslo{
    color: red;
    font-size: 2.5rem;
    font-style: italic;
    font-weight: bolder;
    margin: 0px;
    animation-name: metryAnimation, move1;
    animation-duration: 5s;
    animation-direction: alternate-reverse;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.userName{
    font-size: 45px;
    color: blue;
    font-family: 'Varela Round', sans-serif;
    margin: 0px;
}


.przycisk{
    background: white;
}

.przycisk:hover{
    background: #27ff00;
}

/* Responsive*/

@media (max-width: 375px) {
.smd1 {
    font-size: 5vw;
    color: red;
    font-family: 'roboto';
    font-weight: bold;
}

.rejestracja {
    color: blue;
    font-family: 'roboto';
    font-weight: bold;
    font-size: 4vw;
}
    
.span{
    font-size: 7vw;
    color: red;
    font-family: 'roboto';
    font-weight: bold;
    
}
}


@media (min-width: 376px) and (max-width: 768px) {
.smd1 {
    font-size: 5vw;
    color: red;
    font-family: 'roboto';
    font-weight: bold;
}

.rejestracja {
    color: blue;
    font-family: 'roboto';
    font-weight: bold;
    font-size: 4vw;
}
    
}