body{
    overflow-x: hidden;
}
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.content {
    width: 1200px;
    margin: auto;
}

.alert {
    margin: 25px;
    width: fit-content;
    position: absolute;
}

@font-face {
 font-family: "Alex";
 src: url("./fonts/alex-brush/AlexBrush-Regular.ttf") format("opentype");
}

@font-face {
 font-family: "Arizonia";
 src: url("./fonts/arizonia/Arizonia-Regular.ttf") format("opentype");
}

@font-face {
 font-family: "Butler_Black";
 src: url("./fonts/Butler/Butler_Black.otf") format("opentype");
}

@font-face {
 font-family: "Butler_Black";
 src: url("./fonts/Butler/Butler_Black.otf") format("opentype");
}

@font-face {
 font-family: "Butler_Bold";
 src: url("./fonts/Butler/Butler_Bold.otf") format("opentype");
}

@font-face {
 font-family: "Butler_ExtraBold";
 src: url("./fonts/Butler/Butler_ExtraBold.otf") format("opentype");
}

@font-face {
 font-family: "Butler_Light";
 src: url("./fonts/Butler/Butler_Light.otf") format("opentype");
}

@font-face {
 font-family: "Butler_Medium";
 src: url("./fonts/Butler/Butler_Medium.otf") format("opentype");
}

@font-face {
 font-family: "Butler_Ultra_Light";
 src: url("./fonts/Butler/Butler_Ultra_Light.otf") format("opentype");
}

@font-face {
 font-family: "Butler_Black_Stencil";
 src: url("./fonts/Butler_Stencil/Butler_Black_Stencil.otf") format("opentype");
}

@font-face {
 font-family: "Butler_Bold_Stencil";
 src: url("./fonts/Butler_Stencil/Butler_Bold_Stencil.otf") format("opentype");
}

@font-face {
 font-family: "Butler_ExtraBold_Stencil";
 src: url("./fonts/Butler_Stencil/Butler_ExtraBold_Stencil.otf") format("opentype");
}

@font-face {
 font-family: "Butler_Light_Stencil";
 src: url("./fonts/Butler_Stencil/Butler_Light_Stencil.otf") format("opentype");
}

@font-face {
 font-family: "Butler_Medium_Stencil";
 src: url("./fonts/Butler_Stencil/Butler_Medium_Stencil.otf") format("opentype");
}

@font-face {
 font-family: "Butler_Regular_Stencil";
 src: url("./fonts/Butler_Stencil/Butler_Regular_Stencil.otf") format("opentype");
}

@font-face {
 font-family: "Butler_Ultra_Light_Stencil";
 src: url("./fonts/Butler_Stencil/Butler_Ultra_Light_Stencil.otf") format("opentype");
}

@font-face {
 font-family: "ButlerStencil";
 src: url("./fonts/Butler_Stencil_Webfont/ButlerStencil.woff") format("opentype");
}

@font-face {
 font-family: "Butler.woff";
 src: url("./fonts/Butler_Webfont/Butler.woff.otf") format("opentype");
}

@font-face {
 font-family: "Butler_Black";
 src: url("./fonts/Allura-Regular.otf") format("opentype");
}

@font-face {
 font-family: "Bilbo-Regular";
 src: url("./fonts/Bilbo-Regular.otf") format("opentype");
}

@font-face {
 font-family: "BilboSwashCaps-Regular";
 src: url("./fonts/BilboSwashCaps-Regular.otf") format("opentype");
}

@keyframes animate-alert {
    from {right:0px; opacity: 100%;}
    to {right:-300px; opacity: 0%;}
}

.alert-mail {
    position:absolute !important;
    animation-name: animate-alert;
    animation-duration: 2s;
    animation-delay: 1.8s;
    animation-fill-mode: forwards;
    right: 0;
}