.container1 {
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding: 2%;
width: 88%;
height: fit-content;
border: 6px double black;
border-radius: 30px;
box-shadow: 1px 1px 2px black, 0 0 20px white, 1px 1px 35px red;
background-color: rgba(217,217,217,.5);
text-align: center;
font-size: 180%;
overflow: hidden;
font-family:Grunge Overlords new Regular;
font-weight:lighter; 
color: black;
}

.container1 .p1 {
font-size: 180%;
text-shadow: 2px 2px 5px red;
margin: 0.5px;
margin-top: 70px;
margin-bottom: 70px;
}

.container1 .p2 {
font-size: 150%;
color: white;
text-shadow: 2px 2px 5px red;
margin-top: 8px;
}

.container1 .p3 {
font-size: 280%;
text-shadow: 2px 2px 5px red;
margin-bottom: 8px;
}

.container1::after {
content: "";
clear: both;
display: block;
padding: 0px;
}

input[type='checkbox'] {
display: none;
}

.containerleft {
position: relative;
display: block;
margin-left: 3.8%;
margin-right: auto;
margin-bottom: 20px;
padding-top: 1.8%;
padding-bottom: 1.8%;
width: 45%;
height: fit-content;
border: 6px double black;
border-radius: 30px;
box-shadow: 1px 1px 2px black, 0 0 20px white, 1px 1px 35px red;
background-color: rgba(217,217,217,.5);
text-align: center;
font-size: 180%;
overflow: hidden;
font-family:Grunge Overlords new Regular;
font-weight:lighter; 
color: black;
float:left;
font-size: 85%;
}

.containerleft .p1 {
font-size: 180%;
text-shadow: 2px 2px 5px red;
margin: 0.5px;
margin-top: 70px;
margin-bottom: 70px;
}

.containerleft .p2 {
font-size: 150%;
color: white;
text-shadow: 2px 2px 5px red;
margin-top: 8px;
}

.containerleft .p3 {
font-size: 280%;
text-shadow: 2px 2px 5px red;
margin-bottom: 8px;
}

.containerleft::after {
content: "";
clear: both;
display: block;
padding: 0px;
}

@media screen and (max-width: 1200px) {
.containerleft{
width: 92%;
display: block;
font-size: 85%;
margin-left:auto;
margin-right:auto;
float:none;
}
}

.containerright {
position: relative;
display: block;
margin-left: auto;
margin-right: 3.8%;
margin-bottom: 20px;
padding-top: 1.8%;
padding-bottom: 1.8%;
width: 45%;
height: fit-content;
border: 6px double black;
border-radius: 30px;
box-shadow: 1px 1px 2px black, 0 0 20px white, 1px 1px 35px red;
background-color: rgba(217,217,217,.5);
text-align: center;
font-size: 180%;
overflow: hidden;
font-family:Grunge Overlords new Regular;
font-weight:lighter; 
color: black;
float:right;
font-size: 85%;
}

.containerright .p1 {
font-size: 180%;
text-shadow: 2px 2px 5px red;
margin: 0.5px;
margin-top: 70px;
margin-bottom: 70px;
}

.containerright .p2 {
font-size: 150%;
color: white;
text-shadow: 2px 2px 5px red;
margin-top: 8px;
}

.containerright .p3 {
font-size: 280%;
text-shadow: 2px 2px 5px red;
margin-bottom: 8px;
}

.containerright::after {
content: "";
clear: both;
display: block;
padding: 0px;
}

@media screen and (max-width: 1200px) {
.containerright {
width: 92%;
display: block;
font-size: 85%;
margin-left:auto;
margin-right:auto;
float:none;
}
}

.custompanel {
position:relative;
width: 90%;
margin-left:auto;
margin-right:auto;
margin-bottom: 10px;
text-align: center;
display: block;
float: none;
}

.custompanel img {
position: relative;
width:98%;
border: 6px double black;
border-radius: 30px;
box-shadow: 1px 1px 2px black, 0 0 20px white, 1px 1px 35px red;
}

.custompanel:hover {
transform:translateY(4px);
filter:hue-rotate(90deg);
}

.custompanelleft {
position:relative;
width: 44.5%;
margin-left:auto;
margin-right:auto;
margin-bottom: 10px;
text-align: center;
display: block;
float: left;
}

.custompanelleft img {
position: relative;
width:98%;
border: 6px double black;
border-radius: 30px;
box-shadow: 1px 1px 2px black, 0 0 20px white, 1px 1px 35px red;
}

.custompanelleft:hover {
transform:translateY(4px);
filter:hue-rotate(90deg);
}

.center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

@media screen and (max-width: 1150px) {
.custompanel {
width: 100%;
display: block;
font-size: 85%;
}
}

.image {
position: relative;
z-index: 2;
}

.image-content {
background-color: rgba(230,230,230,.8);
visibility: hidden;
opacity: 0;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
overflow-y: auto;
display: flex;
font-family: Calibri, monospace;
font-weight: normal;
font-size: 18px;
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding: 15px;
}

.image-content::-webkit-scrollbar {
display: none;
}

.image:hover .image-content {visibility: visible; opacity: .8;}

.row {
display: table;
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
vertical-align: middle;
font-weight: normal;
}

.row::after {
content: "";
clear: both;
display: table;
padding: 0px;
width: 100%;
margin-left: auto;
margin-right: auto;
}

.column1 {
position:relative;
width: 25%;
margin-left:auto;
margin-right:auto;
margin-bottom: 10px;
text-align: center;
padding-bottom: 20px;
font-family: Calibri, monospace;
font-size: .9vw;
text-align: center;
background-color: rgba(230,230,230,.8);
border-radius: 3%;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
display: table;
color: black;
}

.column2 {
position: relative;
float: left;
width: 49%;
padding-bottom: 20px;
margin: .5%;
font-family: Calibri, monospace;
font-size: .9vw;
text-align: center;
background-color: rgba(230,230,230,.8);
border-radius: 3%;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
display: table;
color: black;
}

@media screen and (max-width: 800px) {
.column2 {
width: 100%;
display: table;
font-size: 85%;
}
}

.column3 {
position: relative;
float: left;
width: 32.7%;
padding-bottom: 20px;
margin: .3%;
font-family: Calibri, monospace;
font-size: .9vw;
text-align: center;
background-color: rgba(230,230,230,.8);
border-radius: 3%;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
display: table;
color: black;
}

@media screen and (max-width: 950px) {
.column3 {
width: 100%;
display: table;
font-size: 85%;
}
}

.column4 {
position: relative;
float: left;
width: 24.4%;
padding-bottom: 20px;
margin: .3%;
font-family: Calibri, monospace;
font-size: .9vw;
text-align: center;
background-color: rgba(230,230,230,.8);
border-radius: 3%;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
display: table;
color: black;
}

@media screen and (max-width: 1000px) {
.column4 {
width: 100%;
display: table;
font-size: 85%;
}
}

.column5 {
position: relative;
float: left;
width: 19.6%;
padding-bottom: 20px;
margin: .2%;
font-family: Calibri, monospace;
font-size: .9vw;
text-align: center;
background-color: rgba(230,230,230,.8);
border-radius: 3%;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
display: table;
color: black;
}

@media screen and (max-width: 1150px) {
.column5 {
width: 100%;
display: table;
font-size: 85%;
}
}

.column6 {
position: relative;
float: left;
width: 16.23%;
padding-bottom: 20px;
margin: .2%;
font-family: Calibri, monospace;
font-size: .9vw;
text-align: center;
background-color: rgba(230,230,230,.8);
border-radius: 3%;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
display: table;
color: black;
}

@media screen and (max-width: 1150px) {
.column6 {
width: 100%;
display: table;
font-size: 85%;
}
}

.column41 {
position: relative;
float: left;
width: 24.4%;
padding-bottom: 20px;
margin: .2%;
font-family: Grunge Overlords new Regular;
font-size: .9vw;
text-align: center;
display: table;
margin-top: 5%;
color: black;
}

.column41 .p1 {
font-size: 250%;
color: white;
text-shadow: 2px 2px 5px red;
margin-top: 8px;
}

.column41 .p2 {
font-size: 180%;
color: black;
text-shadow: none;
}

.column41 img {
border: 4px double black;
border-radius: 50%;
box-shadow: 1px 1px 2px black, 0 0 20px white, 1px 1px 35px red;
margin-bottom: 20px;
}

.column41 .image:hover {
transform:translateY(4px);
filter:hue-rotate(90deg);
}

@media screen and (max-width: 1150px) {
.column41 {
width: 100%;
display: table;
font-size: 85%;
}
}

a:link {
text-decoration: none;
}

a:visited {
text-decoration: none;
}

.block {
display: block;
height: 30px;
width: 46vw;
border: 6px double black;
border-radius: 25px;
background-color: rgba(217,217,217,.5);
padding: 10px;
font-size: 200%;
cursor: pointer;
text-align: center;
font-family: Grunge Overlords new Regular;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 0;
box-shadow: 1px 1px 2px black, 0 0 20px white, 1px 1px 35px red;
}

.block:hover {
background-color: rgba(230,230,230,.8);
transform:translateY(4px);
filter:hue-rotate(90deg);
}

.container1 iframe {
border: 6px double black;
border-radius: 25px;
position: relative;
width: 80%;
height: 36vw;
}

h1 {
font-family:Grunge Overlords new Regular;
font-size:300%;
margin-top: 120px;
margin-bottom:-120px;
font-weight: lighter;
color:white;
text-align:center;
text-shadow: 2px 2px 5px red
}

h2 {
font-family:Grunge Overlords new Regular;
font-size:900%;
font-weight: lighter;
color:white;
text-align:center;
margin-bottom:-50px;
text-shadow: 2px 2px 5px red;
position: relative;
}

h3 {
font-family:Grunge Overlords new Regular;
font-size:200%;
font-weight: lighter;
margin-bottom: 220px;
color:white;
text-align:center;
text-shadow: 2px 2px 5px red
}

h4 {
font-family:Grunge Overlords new Regular;
font-size:200%;
margin-top: -200px;
margin-bottom: 220px;
font-weight: lighter;
color:white;
text-align:center;
text-shadow: 2px 2px 5px red
}