@font-face {
    font-family: 'Arcane Nine';
    src: url('ArcaneNine.woff2') format('woff2'),
        url('ArcaneNine.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{
	background: black;
	font-family: Arcane Nine;
}

img{
	width:80%;

}

.container{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	column-gap: 75px;
}

.item{
	align-self: flex-start|center|flex-end;
}

h1{
	color: powderblue;
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-size: 100px;
	margin: 0;
}

h2{
	color: #C71585;
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-size: 100px;
	margin: 0;
}

.float-container{
    position: relative;
    animation: float 3s ease-in-out infinite;
}

@keyframes float {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0);
    }
}