:root{
  --md-sys-typescale-title-large-size: clamp(6vw, 16px);
  --md-sys-typescale-title-large-line-height: 1rem;
  --md-sys-typescale-title-medium-size: clamp(4.8vw, 14px);
  --md-sys-typescale-title-small-size: clamp(4vw, 12px);

  --md-sys-typescale-body-large-size: clamp(5vw, 14px);

  --md-sys-typescale-label-large-size: clamp(5vw, 16px);

  --md-filled-tonal-button-container-shape: 8px;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  height: 100%;
  width: 100%
}

body{
  margin: 0px;
  background-color: var(--md-sys-color-surface);
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/* Global Text Styling */
html{
  color: var(--md-sys-color-on-surface, #000);
}

p{
  white-space: pre-wrap;
}

/* Image Outlines */
img, canvas{
  outline: 2px solid var(--md-sys-color-outline);
  border-radius: 4px;
}

#Aberystwyth-University-Logo{
  outline: 0px;
}

/* Global Styles */
.invisible{
    display: none;
}

.scroll-y {
    flex-grow: 1;
    flex-basis: 0;

    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 4rem;

    overflow-y:scroll;
}

* {
    box-sizing: border-box;
}