* {
    --red-color: #a32324;
}

body {
    font-family: Arial, serif;
    font-weight: normal;
    margin: 0px;
    color: #373D3F;
    overflow: hidden;
}

hr {
    color: var( --red-color);
    width: 92%;
}

a {
    color: #373D3F;
}

.form_container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
	align-items:center;
	margin: 5px;
	height: 100%;
    width: 100%;
	overflow: hidden;
}

.form {
    animation-duration: 1s;
    z-index: 1;
    background: #FFFFFF;
    width: 500px;
	height: max-content;
    border-radius: 5px;
    margin: 0 50px 0 50px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 0px 0 0 rgba(0, 0, 0, 0.24);
}

.saying_container {
    padding: 10px 20px 10px 20px;
    text-align: left;
}
.error_container {
    padding: 10px 20px 10px 20px;
    text-align: center;
}

.date_container {
    padding-left: 20px;
    margin: 0;
    text-align: left;
    padding-bottom: 10px;
}

.arrow
{
    color: var( --red-color);
    width: 80px;
    padding: 10rem;     
    margin: -10rem; 
    /*background: firebrick;*/
}

.arrow:hover
{
    cursor: pointer;
}

#arrow_right
{
    transform: rotate(180deg);
}

#demo-canvas {
    z-index: 0;
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(22.5deg, rgba(67, 67, 67, 0.02) 0%, rgba(67, 67, 67, 0.02) 29%, rgba(47, 47, 47, 0.02) 29%, rgba(47, 47, 47, 0.02) 37%, rgba(23, 23, 23, 0.02) 37%, rgba(23, 23, 23, 0.02) 55%, rgba(182, 182, 182, 0.02) 55%, rgba(182, 182, 182, 0.02) 69%, rgba(27, 27, 27, 0.02) 69%, rgba(27, 27, 27, 0.02) 71%, rgba(250, 250, 250, 0.02) 71%, rgba(250, 250, 250, 0.02) 100%), linear-gradient(67.5deg, rgba(117, 117, 117, 0.02) 0%, rgba(117, 117, 117, 0.02) 14%, rgba(199, 199, 199, 0.02) 14%, rgba(199, 199, 199, 0.02) 40%, rgba(33, 33, 33, 0.02) 40%, rgba(33, 33, 33, 0.02) 48%, rgba(135, 135, 135, 0.02) 48%, rgba(135, 135, 135, 0.02) 60%, rgba(148, 148, 148, 0.02) 60%, rgba(148, 148, 148, 0.02) 95%, rgba(53, 53, 53, 0.02) 95%, rgba(53, 53, 53, 0.02) 100%), linear-gradient(135deg, rgba(190, 190, 190, 0.02) 0%, rgba(190, 190, 190, 0.02) 6%, rgba(251, 251, 251, 0.02) 6%, rgba(251, 251, 251, 0.02) 18%, rgba(2, 2, 2, 0.02) 18%, rgba(2, 2, 2, 0.02) 27%, rgba(253, 253, 253, 0.02) 27%, rgba(253, 253, 253, 0.02) 49%, rgba(128, 128, 128, 0.02) 49%, rgba(128, 128, 128, 0.02) 76%, rgba(150, 150, 150, 0.02) 76%, rgba(150, 150, 150, 0.02) 100%), linear-gradient(90deg, #FFF, #FFF);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}