@font-face {
  font-family: 'Roboto';
  src: url('./fonts/Roboto/Roboto-Regular/Roboto-Regular.eot'); /* IE9 Compat Modes */
  src: url('./fonts/Roboto/Roboto-Regular/Roboto-Regular.eot?#iefix')
      format('embedded-opentype'),
    /* IE6-IE8 */
      url('./fonts/Roboto/Roboto-Regular/Roboto-Regular.woff')
      format('woff'),
    /* Modern Browsers */
      url('./fonts/Roboto/Roboto-Regular/Roboto-Regular.woff2')
      format('woff2'); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('./fonts/Roboto/Roboto-Bold/Roboto-Bold.eot'); /* IE9 Compat Modes */
  src: url('./fonts/Roboto/Roboto-Bold/Roboto-Bold.eot?#iefix')
      format('embedded-opentype'),
    /* IE6-IE8 */ url('./fonts/Roboto/Roboto-Bold/Roboto-Bold.woff')
      format('woff'),
    /* Modern Browsers */
      url('./fonts/Roboto/Roboto-Bold/Roboto-Bold.woff2') format('woff2'); /* Modern Browsers */
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('./fonts/Roboto/Roboto-Italic/Roboto-Italic.eot'); /* IE9 Compat Modes */
  src: url('./fonts/Roboto/Roboto-Italic/Roboto-Italic.eot?#iefix')
      format('embedded-opentype'),
    /* IE6-IE8 */ url('./fonts/Roboto/Roboto-Italic/Roboto-Italic.woff')
      format('woff'),
    /* Modern Browsers */
      url('./fonts/Roboto/Roboto-Italic/Roboto-Italic.woff2')
      format('woff2'); /* Modern Browsers */
  font-weight: 400;
  font-style: italic;
}

body {
  font-family: 'Roboto';
       background-image: linear-gradient(to bottom, #8a0796 0%, #6dc5f6 100%);  
    /* background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%); */
    /* background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%); */
   /* background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);*/
}

.workshop-nav {
  /* background-color: orange; */
  justify-content: center;
  font-style: normal;
  font-size: 30px;
  border-bottom: 1px solid #f2f2f240;
  text-align: center;
}
.workshop-container {
  height: calc(100% - 70px);
  /* * / background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%); /* */
}
.full-height {
  height: 100%;
}
.workshop-image {
  /* background-image: url("./images/workshop.jpeg"); */
  border-radius: 63px;
  padding: 30px;
}
.workshop-content {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 50px auto;
}

.workshop-primary {
  background-color: #22ba89;
  border-color: #22ba89;
  color: white;
}