@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');

body {
    background-color: #131313;
}
.message1 {
    font-size: 20px;
    
}
h2 {
    color: #ff0000;
    font-family: Poppins;
    margin-left: 25%;
    font-size: 250%;
}
.Discord {
    color: #ffffff;
    margin-top: 25%;
}
.Email {
    color: #ffffff;
    margin-top: 25%;
    height: 3px;
}
.button {
    border-radius: 15px;
    width: 100%;
    border: 3px solid #ff0000;
    background-color: #131313;
}
.form {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 300px;
    width: 100%;
    background-color: #ffffff13;
    padding: 20px;
    border-radius: 10px;
}
.text {
    font-size: 50px;
    font-family: Fredoka One;
}
.czs {
    margin-left: -50%;
}
.zdj {
    margin-left: 3%;
}
header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
ul {
    display: flex;

    font-size: 25px;
    margin-left: 1300px;
}
li {
    list-style: none;
    margin-left: 30px;

}
li a {
    text-decoration: none;
    color: white;
    
}
li a::after {
    content: '';
    width: 0;
    height: 3px;
    background-color: #ff0000;
    margin: auto;
    display: block;
}
li a:hover:after { 
    width: 100%;
    transition: width 0.3s linear;
}
li a:hover {
    color: #ff0000
}