* {
  box-sizing:border-box;
  position:relative;
}

body{
  background-image:url('backgrounds/01.png');
  color:white;
  background-size:100vw 100vh;
  background-color:#432388;
  text-align:center;
  overflow-x:hidden;
}
p, h1, h2, h3{
  filter: drop-shadow(2px 2px #432388) drop-shadow(-2px -2px #432388) drop-shadow(2px -2px #432388) drop-shadow(-2px 2px #432388);
}
hr{
  border:1px dotted white;
}
a, a:visited{
  color:white;
} 

.main{
  border:7px solid #432388;
  background-color:#EFBBFF;
  width:80vw;
  height:auto;
  margin:6% auto 3% auto;
  padding:32% 2%;
  box-shadow:0 0 0 7px #EFBBFF, 0 0 0 14px #432388;
}

.row{
  display:flex;
  max-width:100%;
  gap:1%;
}

.column1{
  flex:70%;
  max-width:70%;
}
.column2{
  flex:30%;
  max-width:30%;
}
.column3{
  flex:49%;
  max-width:49%;
}
.column4{
  flex:50%;
  max-width:50%;
}
.column5{
  flex:26%;
  max-width:26%;
}

.scroll{
  overflow:auto;
}

.imgtxt{
  height:1em;
  width:auto;
  vertical-align: middle;
}


.dropshadow{
  filter:drop-shadow(0 0 5px white);
}

.dropshadow2{
  filter:drop-shadow(0 0 5px white) drop-shadow(0 0 2px white) drop-shadow(0 0 3px white);
}

.inline{
  display:inline;
}

.divider{
  margin: 3% 0;
}