* {
    margin: 0;
    padding: 0;
    margin-block-end: 0;
    box-sizing: border-box;
}

.hide {
    display: none;
}

a, a:visited {
  color: inherit;
}
a:hover {
    color: purple;
}

::selection {
  color: white;
  background-color: #0e0472;
}

img,
picture {
  max-width: 100%;
  display: block;
}

body {
  /*background: linear-gradient(23deg,rgba(78, 183, 252, 1) 7%, rgba(150, 213, 255, 1) 22%, rgba(255, 255, 255, 1) 70%);
  /*background: linear-gradient(180deg,rgba(0, 51, 153, 1) 0%, rgba(0, 153, 255, 1) 78%, rgba(255, 204, 0, 1) 95%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(180deg,rgba(0, 51, 153, 1) 0%, rgba(8, 8, 112, 1) 31%, rgba(0, 212, 255, 1) 72%, rgba(255, 255, 255, 1) 99%);
  */
  background-color: rgb(244, 252, 255);
  background-size: cover;
  font-family: "DM Sans";
    /*background-color: #003399;*/
  display: grid;
  align-items: start;
  /*place-items: center;*/
  color: #0e0472;
  font-size: 16pt;
  box-sizing: border-box;
  min-height: 100vh;
}

main {
    /*width: 100%;*/
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 1rem;
    
}