@import "../../assets/scss/variables";

#notFound404 {
	.redirect-bar {
		position: absolute;
		top: 0;
		height: 5px;
		background-color: $main-color;
		animation: fill 5s linear forwards;
		@keyframes fill {
			from {
				width: 0%;
			}
			to {
				width: 100%;
			}
		}
	}
	.main-content {
		display: flex;
		flex-direction: column;
		height: 100vh;
		padding-top: 150px;
		& #footer {
			margin-top: auto;
		}
		.main-404 {
			&--logo {
				margin-bottom: 4.8rem;
			}
			&--sad-pc {
				width: 6.4rem;
				height: 6rem;
				margin-bottom: 1.5rem;
			}
			&--h1 {
				font-weight: $bold;

				color: $main-color;
			}

			&--text-par {
				font-size: 2rem;

				text-align: center;
				font-weight: $extra-light;
				color: $text-color;
				font-weight: $thin;
				margin-bottom: 4.8rem;
			}
		}

	}
}