*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: rgb(250, 216, 221);
}
header,main,footer {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
section {
background-color: black;
color: aliceblue;
min-height: 100vh;
background-image: url(3333/unnameddoor.gif) ;
background-position: center;
}
.osk img {
width: 120px ;
height: auto;
}
.lololol {
background-image: url("3333/colorful.gif");
background-position: center;
}
header {
text-align: center;
color: rgb(8, 0, 0);
text-shadow: 2px 2px 4px rgb(241, 36, 98), 216, 221;
}
header h1,
header h2,
header h4,
header h5,
header h6 {
margin: 26px 0;
}
footer{
text-align:center;
padding:16px;
color:#fff;
}
.aww {
background-image: url("3333/movingstars.gif");
background-position: center;
}
nav ul {
position: relative;
top: 25px;
left:20px;
margin-left: -50px;
}
.aww img {
max-width: 180px;
height: auto;
margin:8px;
}
.img-group{
display: flex;
flex-wrap: wrap;
gap:10px;
justify-content: center;
margin-top:20px;
}
.img-group img{
height: 300px;
width:auto;
}            
section.name {
  background-image: url("3333/mickeyaudiancecroped1900.jpg");
  background-position: center;
  background-size: cover;
  background-color: transparent;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
section.name h1,
section.name h3 {
  color: #ffffff;
  text-shadow:
    2px 2px 0 #000,
    -2px -2px 0 #000,
    2px -2px 0 #000,
    -2px 2px 0 #000,
    0 3px 8px rgba(0,0,0,0.9);
  margin: 12px 0;
  text-align: left;  
  width: fit-content;
}
.wel {
    position: absolute;
    right: 740px;
    top: 550px;
    display: flex;
    flex-direction: column;
    gap: 20px;   
}
.wel img {
    width: 150px ;
    height: auto;
}
.right-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    margin-left: 200px;
}