.picture {
  border-radius: 5px;
  width: 16em;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.projects--item {
  border-radius: 1em;
  padding: 3em;
  border: 12px;
  height: 100%;
  box-shadow: 1px 5px 10px rgba(50,51,1,.25);
  transition: box-shadow 0.3s ease-in-out;
}

.projects--item:hover {
  box-shadow: 0 5px 25px rgba(50,51,1,.3);
}

body {
    font-family: 'Inter var', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    color: #343a40;
}

.screencasts--item {
  border-radius: 1em;
  border: 12px;
  height: 100%;
  box-shadow: 1px 3px 3px rgba(50,51,1,.25);
  transition: box-shadow 0.3s ease-in-out;
}

.screencasts--item:hover {
  box-shadow: 0 5px 15px rgba(50,51,1,.3);
}