*, *::before, *::after {
box-sizing: border-box;
}

* {
margin: 0;
}

body {
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {
display: block;
max-width: 100%;
}

input, button, textarea, select {
font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
}

.GETMEOUTOFHERE a {
padding: 10px 20px;
background-color: blue;
color: white;
text-decoration: none;
border-radius: 25px;
font-weight: bold;
transition: 0.3s ease;
text-align: center;
}

.GETMEOUTOFHERE a:hover {
background-color: hotpink;
transform: scale(1.1);
}

.GETMEOUTOFHERE {
display: flex;
justify-content: space-around;
align-items: center;
position: fixed;
width: 100%;
background: rgba(0, 0, 129, 0.9);
padding: 15px;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
top: 0;
left: 0;
}

h1 {
text-align: center;
font-size: 3em;
background: -webkit-linear-gradient(#ef4444, #3b82f6); 
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 20px;
}

b {
display: block;
font-size: 1.3em;
margin-top: 20px;
color: #ffd700; 
}

p {
margin: 8px 0;
max-width: 700px;
}

a {
display: inline-block;
margin: 5px 0 15px 0;
padding: 8px 14px;
background: #3b82f6;
color: white;
text-decoration: none;
border-radius: 8px;
font-weight: bold;
transition: 0.3s ease;
}

a:hover {
background: #ef4444;
transform: scale(1.05);
}

.container {
margin: 0;
padding: 20px;
font-family: Arial, sans-serif;
background: linear-gradient(to bottom, #1e3a8a, #991b1b);
color: #f5f5f5;
line-height: 1.6;
height: 100%;
position: absolute;
width: 100%;
overflow: scroll;
}

.imgtest img {
height: 100px;
margin-right: 10px;
padding-left: 50px;
width: auto;
filter: brightness(1) contrast(1.1);
}