| 123456789101112131415161718192021222324252627282930313233343536373839 |
- .selector
- width: 100vw
- min-height: 100vh
- margin: 0px
- padding: 0px
- display: flex
- flex-direction: row
- align-items: center
- justify-content: center
- gap: 50px
- background-color: $background-color
- div
- max-width: 300px
- border-radius: $padding
- padding: $padding
- box-sizing: border-box
- border: $border
- color: $primary-color
- transition: border-color 0.5s, transform 0.5s, color 0.5s
- display: flex
- flex-direction: column
- align-items: center
- justify-content: center
- p
- font-weight: 700
- font-size: 1.5em
- img
- width: 100%
- @media (max-width: 800px)
- flex-direction: column
- div:hover
- transform: scale(1.1)
- border-color: $content-color
- color: $content-color
|
