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

body{
/*background: #fff;*/
background: #fff;
margin:0;

/*animation-name: bodya;
animation-duration: 1s;
animation-fill-mode: forwards;*/
/*overflow:hidden;*/
}

html, body { height:100%; width:100%;
/*overflow:hidden;*/
}

.column{
background:#fff;
color:#ff0000;
/*background-image: linear-gradient(#55aa55, #aaa);*/
background-image: linear-gradient(#fff, #aaa);
border-radius: 15px;
position:relative;
height:500px;
width:350px;
/*margin-bottom:120px;*/
}

/*.centerback{
margin: auto;
height:600px;
color:#ff0000;
background:#fff;
animation-name: centera;
animation-duration: 0s;
animation-fill-mode: forwards;
}

.centerrelative{
position:relative;
}*/

.header1{
position:absolute;
top: 20px;
text-align:center;
width:350px;
font: normal 50px/50px 'Otomanopee One', sans-serif;
}

.header1 a{
color:#fff;
text-decoration:none;
}

.header2{
position:absolute;
top: 20px;
text-align:center;
width:350px;
font: normal 42px/42px 'Otomanopee One', sans-serif;
}

.header2 a{
color:#fff;
text-decoration:none;
}

.footer-out{
/*position:fixed;*/
bottom: 0;
color:#fff;
background: #ff0000;
width:100%;
font: normal 20px/25px 'Otomanopee One', sans-serif;
z-index: 88;
padding:30px 0px;
text-align:center;
}

.footer-out a{
color:#fff;
/*text-decoration:none;*/
}

.footer-in{
color:#666;
font: normal 20px/25px 'Otomanopee One', sans-serif;
padding:20px 20px;
margin:0 auto;
}


.small1{
position:absolute;
text-align:center;
width:350px;
top:70px;
font: normal 20px/20px 'Otomanopee One', sans-serif;
}

.smalltext2{
position:absolute;
text-align:center;
width:350px;
top:80px;
/*font: normal 20px/20px 'Otomanopee One', sans-serif;*/
font: normal 17px/20px Arial, Verdana;
}

.smalltext1{
color:#555;
position:absolute;
left:5px;
bottom:5px;
font: normal 13px/13px Arial, Verdana;
}

.img1{
position:absolute;
text-align:center;
width:350px;
bottom:100px;
/*font: normal 20px/20px 'Otomanopee One', sans-serif;*/
}


/*.background2{
margin: auto;
background:#000;
height:100%;
width:100%;
}*/

/*@-webkit-keyframes bodya {
0% {background:#fff;}
100% {background:#333;}
}
@keyframes bodya {
0% {background:#fff;}
100% {background:#333;}
}

@-webkit-keyframes centera {
0% {width:0px;}
100% {width:100%;}
}
@keyframes bottom {
0% {width:0px;}
100% {width:100%;}
}

@keyframes vi_udlejer {
0% {right:-1500px;}
100% {right:350px;}
}*/

.pricetag {
    display:block;
    width:6em;
    height:6em;
    background:#fe0;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    rotation:-45deg;
    position:relative;
    text-align:center;
    text-decoration:none;
    color:#000;
    font-weight:bold;
    font-family:Arial, sans-serif;
}
.pricetag span {
    display:block;
    width:6em;
    height:6em;
    background:#fe0;
    -webkit-transform:rotate(22.5deg);
    -moz-transform:rotate(22.5deg);
    rotation:22.5deg;
}

.pricetag1{
position:absolute;
bottom:40px;
right:30px;
}

.pricefrom1{
padding:15px 0 0 0;
font: normal 15px/15px 'Otomanopee One', sans-serif;
}

.price1{
padding:15px 0 0 0;
font: normal 30px/25px 'Otomanopee One', sans-serif;
}

.pricetag:hover, .pricetag span:hover{
    color:#ff0000;
}

.snowflake {
    position: absolute;
    width: 10px;
    height: 10px;
    background: linear-gradient(white, white); /* Workaround for Chromium's selective color inversion */
    border-radius: 50%;
    filter: drop-shadow(0 0 10px white);
}

.container { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; }