@font-face {
  font-family: 'Pretendard Bold';
  src: local('Pretendard Bold'),
    url('https://ssqfd-abhdhraad3gkgbcg.a03.azurefd.net/ssqblob/fonts/Pretendard-Bold.woff2') format('woff2'),
    url('../fonts/Pretendard-Bold.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard Medium';
  src: local('Pretendard Medium'),
    url('https://ssqfd-abhdhraad3gkgbcg.a03.azurefd.net/ssqblob/fonts/Pretendard-Medium.woff2') format('woff2'),
    url('../fonts/Pretendard-Medium.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard Regular';
  src: local('Pretendard Regular'),
    url('https://ssqfd-abhdhraad3gkgbcg.a03.azurefd.net/ssqblob/fonts/Pretendard-Regular.woff2') format('woff2'),
    url('../fonts/Pretendard-Regular.woff2') format('woff2');
  font-display: swap;
}

.testblack {
  border: 1px solid black !important;
}

.testred {
  border: 1px solid red !important;
}

.testblue {
  border: 1px solid blue !important;
}

.testyellow {
  border: 1px solid yellow !important;
}

.testwhite {
  border: 1px solid white !important;
}

.ssq-center {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}

.visuallyhidden {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}