verify.scss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. // 이메일 주소 확인
  2. #verifyForm {
  3. background: #0f0f0f;
  4. display: flex;
  5. flex-direction: column;
  6. align-items: center;
  7. justify-content: center;
  8. height: 100vh;
  9. background: #000;
  10. a {
  11. text-decoration: none;
  12. }
  13. header {
  14. font-family: 'Open-Sans-Extrabold';
  15. font-size: 37px;
  16. font-weight: bolder;
  17. margin-bottom: 0.7rem;
  18. a {
  19. color: #d3d629;
  20. &:hover,
  21. &:focus {
  22. color: #a8aa2f;
  23. }
  24. }
  25. }
  26. main {
  27. border-radius: 4px;
  28. padding: 20px;
  29. border: 1px solid #2f2f2f;
  30. background: #191919;
  31. h5 {
  32. font-weight: bold;
  33. margin-bottom: 0.9rem;
  34. }
  35. div:last-child {
  36. a {
  37. color: #0066c0;
  38. &:hover,
  39. &:focus {
  40. color: #00558c;
  41. text-decoration: underline;
  42. }
  43. }
  44. }
  45. hr {
  46. margin: 0.5rem 0;
  47. border-color: #888;
  48. }
  49. footer {
  50. text-align: center;
  51. font-size: 11px;
  52. padding-top: 12px;
  53. color: #6c6c6c;
  54. }
  55. }
  56. }