*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
    --bg: #000000;
    --nav-bg: #1a1a18;
    --surface: #161616;
    --accent: #c9a96e;
    --text: #f0ebe3;
    --muted: #6b6560;
    --border: rgba(247,244,239,0.1);
    --radius: 2px;
    --nav-h: 64px;
}

body {
    min-height: 100vh;
    background: var(--bg);
    background-color: #000000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: 'Raleway', sans-serif;
    color: var(--text);
    padding: 2rem;
    background-image:
    radial-gradient(ellipse at 20% 50%, rgba(201,169,110,0.04) 0%, transparent 60%),
    radial-gradient(ellipse at 80% 20%, rgba(201,169,110,0.03) 0%, transparent 50%);
}

img {
  /*max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto; responsive */
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1; /* Square images */
}

#logo {
	/*width:100vw;
	margin: 25px auto 25px auto;
	background: url("../assets/logo.svg") no-repeat;
    background-image: url("../assets/logo.svg");
    max-width: 100vw;
    margin: 25px auto 25px auto;*/
    
    width:130px;
	height: 80px;
	margin: 25px auto 25px auto;
	background: url("../assets/logo.svg") no-repeat;
    background-size: contain;
    padding-bottom: 1%;
}

.logoC {
    width: 100%;
    margin: 0 auto;
}

.containerL {
  box-shadow: 0 0 0 10px #b6bdc3;
  width: 50%;
  background: #fff;
  margin: 0 auto;
  /* just to get an apsect ratio same as the SVG's: */
  padding-top: 48%; 
  height: 0; 
  background-image: url(../assets/logo.svg);
  background-size: cover;
  background-repeat: no-repeat;
}


.container {
    margin: 0 auto;
}

.content-wrapper {
    padding-top: 6.6vmax;
    padding-bottom: 6.6vmax;
}

.pre-content {
    justify-content: center;
    padding-top: calc(10vmax / 10);
    padding-bottom: calc(10vmax / 10);
}

.content {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr; /* Two equal columns */
    gap: 10px; /* Space between columns */
}


/*.grid-item {
    display: inline-block;To control size? 
    max-width: 50%;
}

.grid-image-inner-wrapper {
    height:65px;
    width:68px
}*/

.who-answer {
    padding: 1%;
}

.sqsContent {
    white-space: pre-wrap;
    transition-timing-function: ease;
    transition-duration: 1.5s; 
    transition-delay: 0.343s
}