#fw-section-custom-html-22778136-1fc8-4061-acc1-3b61e028fb20 {

#myForm {  
  display: grid;
  grid-template-columns: 1fr 3fr;
  max-width: 600px;
}
#myForm label {
  text-align: left;
  margin: 16px 5px 0px 0px;
}
#myForm input {
  border-radius: 5px;   
  margin: 10px 0px 0px;
  padding: 5px 10px;
  border: 1px solid rgb(180, 180, 180);
  width: 250px;
}

/* prevents autofilled input from having light blue background */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px rgb(249, 250, 251) inset !important;   
    -webkit-text-fill-color: rgb(102, 102, 102);
}

#myForm button {
  margin: 10px 0px 0px;
  padding: 6px;
  border: 1px solid red;
  border-radius: 5px;
  background-color: #D41B2C;
  color: white;
  width: 250px;
}

table, td, th {
  border: 0px solid;
}

/* by default, table headers are bold  */
th, td {
  padding: 0px 0px 0px 0px;
  text-align: left;
  border-collapse: collapse; 
  font-weight: normal;
}

.myTable {
  padding: 15px 0px 0px 0px;
  max-width: 500px;
  color: black;
}

#studentName, #currentStatus{
  padding: 0px 30px 0px 0px;
  color: #222222;
  font-weight: bold;
}

@media (max-width: 600px) {  
  #myForm {
    grid-template-columns: 1fr;
  }
  #myForm label {
  margin: 0px 0px 0px 0px;
  }
  #myForm input {
    margin: 0px 0px 7px 0px;
  }
  #myForm button {
    margin: 10px 0px 12px 0px;    
  }
}


}
#fw-section-collection-template-collection-default {

h1 {
  font-size: calc(var(--font-heading-scale) * 1.8rem);
}
}


#fw-section-image-6e123cf7-f0a2-4727-9d7e-01818396c2a8 {

@media only screen and (max-width: 600px) { /* grok's tip. For phone-sized screens */
	img {
	  width: 55vw;   /* claude's tip. image is always 55% of screen width */
	  height: auto;  
	}
}
}


#fw-section-featured-collection-0 {

img {
  border: 0.1px solid #e0d2c5;
  border-radius: 20px;
 background-color: #ffffff;
}
}
#fw-section-footer {
--font-heading-scale: 1.0;
--font-body-scale: 0.95;
}
#fw-section-header {
--font-heading-scale: 1.0;
--font-body-scale: 1.25;
}
#fw-section-header {
--color-primary: #4c3c2f;
--color-primary-rgb: 76, 60, 47;
--color-background: #d41b2c;
--color-background-rgb: 212, 27, 44;
--color-on-primary: #f4f1eb;
--color-on-primary-rgb: 244, 241, 235;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #f4f1eb;
--color-background-brightness: 84;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-product-product-default {

h2 {
font-size: calc(var(--font-heading-scale) * 1.9rem);
}


img {
  border: 0.1px solid #e0d2c5;
  border-radius: 15px;
 background-color: #ffffff;
}
}