Newer
Older
AR-project / APP / css / style.css
@Satou Fumiya Satou Fumiya on 21 Dec 2021 1 KB change:スタンプ一覧へのurl変更
*, *::before, *::after {
  box-sizing: border-box;
  font-family: Georgia, 'Times New Roman', Times, serif,serif;
  margin: 0;
  padding: 0; }

h1 {
  text-align: center; }

.btn {
  text-align: center;
  margin-bottom: 30px; }
  .btn button {
    margin: 30px; }

div.stamp-list {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: auto; }
  div.stamp-list .stamp {
    width: 168px;
    height: 250px;
    border: solid black 2px;
    border-radius: 20px;
    margin-bottom: 30px;
    padding: 2px; }
    div.stamp-list .stamp .circle {
      position: relative;
      margin-top: 3px;
      width: 160px;
      height: 160px;
      border: dashed 2px;
      border-radius: 50%; }
      div.stamp-list .stamp .circle img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        width: 160px;
        height: 160px;
        object-fit: cover;
        overflow: hidden;
        z-index: -1; }
    div.stamp-list .stamp hr {
      margin: .5rem 6px .5rem 6px; }
    div.stamp-list .stamp p {
      font-size: 10px; }

/*# sourceMappingURL=style.css.map */