:root {
  color-scheme: light only;
}

@media (prefers-color-scheme: light) {
  .light {
    background-color: #fff;
    color: #000;
    display: block;
  }
  .default{
    display: none;
  }
}

@media (prefers-color-scheme: dark) {
  html {
    background: #FFFFFF;
    height: 100%;
  }
  .default{
    display: none;
  }
}

html {
  background: #FFFFFF;
  height: 100%;
}

body {
  background: #FFFFFF;
}

.container {
  background: #FFFFFF;
  width: 100%;
  height: 100%;
}

.frameWrapper {
  background: #FFFFFF;
  position: relative;
  width: 100%;
  height: 100%;
}

.frame {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translateY(-50%);
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
}

.logo{
  width: 171px;
  height: 100px;
//position: absolute;
  background: #fff url("https://my1pick.s3.ap-northeast-2.amazonaws.com/img/link/link_logo.svg") no-repeat 0 0;
  margin-bottom: 40px;
}

.button{
  display: flex;
  color: #FFF;
  width: 220px;
  height: 52px;
  flex-shrink: 0;
  text-align: center;
  border-radius: 30px;
  background: linear-gradient(90deg, #C757ED 0%, #FD4ED1 100%);
  justify-items: center;
  justify-content: center;
}

span{
  display: flex;
  justify-content: center;
  align-items: center;
  justify-self: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.045px;
}