ux_ui_designer

1
.portfolio {
2
  background-image: url("../../assets/images/Background.png");
3
  background-size: cover;
4
  background-repeat: no-repeat;
5
  background-position: center;
6
  border-radius: 20px;
7
  &__wrapper {
8
    max-width: 1400px;
9
    margin: 0 auto;
10
    padding: 100px 100px 50px 100px;
11
    @media screen and (max-width: 659px) {
12
      padding: 75px 16px 50px 16px;
13
    }
14
  }
15
  &__img {
16
    width: -webkit-fill-available;
17
    margin-bottom: 50px;
18
    @media screen and (max-width: 659px) {
19
      margin-bottom: 24px;
20
    }
21
  }
22
  &__name {
23
    color: black;
24
    text-transform: uppercase;
25
    text-align: left;
26
    font-size: 30px;
27
    text-decoration: underline;
28
    text-decoration-thickness: 1px;
29
    text-underline-offset: 10px;
30
    @media screen and (max-width: 659px) {
31
      font-size: 17px;
32
    }
33
    &:hover {
34
      color: #a5a5a5;
35
    }
36
    &:active {
37
      color: #d28d0c;
38
    }
39
  }
40
  &__table {
41
    margin-bottom: 24px;
42
  }
43
}
44