@font-face {
font-family: "Daydream";
src: url(Daydream.ttf) format("truetype");
}

body {
background-image: url("Glitching.png");
background-size: cover;
background-color: #0d0612;
color: #a976c1;
font-family: Daydream;
overflow-x: hidden;
overflow-y: hidden;
line-height: 2;
letter-spacing: 1px;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

#WarningBorder {
border-style: dashed;
border-radius: 30px;
padding: 5px;
}

#Warning {
background-color: #5F1473;
box-sizing: border-box;
width: 500px;
padding: 30px;
border-radius: 30px;
}

#AllWarningContent {

}

#WarningH {
margin-bottom: 40px;
display: flex;
justify-content: center;  
}

#EnterB {
display: flex;
justify-content: center;  
}

#EnterS {
background-color: #722188;
padding: 10px;
}

#EnterSB {
border-style: dashed;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
}

.Links {
text-decoration: none;
color: #a976c1;
transition: font-size 1s, transform .5s;
}

.Links:hover {
color: #ffff00;
font-size: 20px;
}

.Links:active {
color: #00fff3;
transform: rotateX(360deg);
}

.Links:vistied {
color: #551a8b;
font-size: 15px;
}