머티리얼 알림 스킨 (2021년 1월)

/* 연결 상태 표시 비활성화 */
div#Connecting {
  display: none
}

/* 이미지 표시 비활성화 */
#image-wrap {
  display: none !important
}

body,
h1,
h2,
#comment {
  font-family: 'NanumSquare' !important
}

body {
  text-align: center;
  font-size: 2em !important
}

h1 {
  font-size: 1em !important
}

html,
body,
#body {
  display: flex;
  align-items: center;
  height: 100vh;
}

#alertbox {
  display: flex;
  position: relative
}

#wrap {
  justify-content: center 
}

.layout-above #alertbox #text-wrap #alert-text {
  border-top: 0.25em solid #f68484;
  background-color: rgba(255,255,255,1);
  margin: 2em;
  box-shadow: 0 0.2em 0.5em rgba(0,0,0,0.25)
}

h1,
h2,
#nickname,
#amount,
#comment {
  text-shadow: 0 0 0 rgba(0,0,0,0) !important
}

깔끔하게 만든 머티리얼 알림 스킨 입니당

2021년 1월 기준으로 현재 Twip 버전에 맞게 수정했어요!