@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Redacted+Script:wght@300;400;700&display=swap');

html {
    overflow-x: hidden;
    font-family: "Montserrat";
    background: linear-gradient(#000000, #ffffff);
    color: rgba(0, 255, 255, 0.315);
    filter: blur(1px);
    transform: rotateY(3deg) rotateX(50deg);
}

@keyframes rotateAnimation {
	from {transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);}
	to {transform: rotateY(360deg) rotateX(360deg) rotateZ(360deg);}
}

html:hover {
	animation: rotateAnimation 1s linear infinite;
}

header {
    font-size: 5px;
}

* {
    display: flex;
    flex-direction: column;
}

.placeholder {
    font-family: "Redacted Script";
}

img {
    width: 500px;
    height: 100px;
}

warning {
    background-color: red;
    color: #9e1e1e;
}

warning::before {
    content: "OSTRZEBZENIE"
}