html {
font-size: 32px;
}

body {
margin: 0;
padding: 0;
background-color: black;
text-align: center;
font-family: 'Elephant', serif;
color:white;
}

.smalltext {
font-size: 0.5em;
}

table {
margin: 0 auto;
width:100%;
}


.ribbon {
width:100%;
background-color: white;
padding: 5px 0px;
font-size: 1.5em;
letter-spacing:4px;
color:#F7C333;
}

img.full-width {
width:100%;
height:auto;
display:block;
}

p {
color:#F7C333;
font-family: 'Times New Roman', serif;
}

.p1 {
font-size: 16px;
color: white;
}

.p2 {
font-size: 16px;
color: white;
}

.p2:hover {
  text-decoration: underline;
  transform:scale(1.05);
}

.isize {
width:400px;
height:400px;
border: 2px solid #F7C333;
}


.isize:hover {
transform:scale(1.05);
border:4px solid #F7C333;
}

h3 {
  margin-top: 30px;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 20px;
  padding: 20px;
  align-items:start;
}

.isize2 {
position:fixed;
float:center;
border: 2px solid #F7C333;
}

.item.text {
  background: white;
  float: center;
  padding: 20px;
  margin-left:200px;
}

.item.image {
  border: 2px solid #F7C333;
  width:10%;
  height:10%;
  position: fixed;
}

.sit {
  border: 2px solid #F7C333;
  position: fixed;
}