li {
  list-style: none;
}

ul {
  list-style: none;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: nimbus-sans, sans-serif;
  font-size: calc(13px + 0.1vw + 0.1vh);
  line-height: calc(calc(13px + 0.1vw + 0.1vh) * 1.3);
  cursor: crosshair;
  background-color: black;
  color: #f0f0f0;
}

::-moz-selection {
  color: white;
  background: black;
  background-blend-mode: screen;
}

::selection {
  color: white;
  background: black;
  background-blend-mode: screen;
}

a {
  text-decoration: underline;
  color: #f0f0f0;
}

a:hover {
  color: #fa0000;
  cursor: pointer;
}

menu {
  display: -ms-grid;
  display: grid;
  position: fixed;
  -ms-grid-columns: auto auto;
      grid-template-columns: auto auto;
  top: 0;
  left: 0;
  width: calc(100% - (calc(0.25vw + 0.25vh) * 2));
  padding: calc(0.25vw + 0.25vh);
  height: auto;
  z-index: 2;
  color: #f0f0f0;
}

#menu-2025 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: calc(calc(13px + 0.1vw + 0.1vh) * 1);
  position: fixed;
}

#rickroll {
  text-decoration: none;
}

#home {
  width: calc(calc(13px + 0.1vw + 0.1vh) * 2.5);
  height: calc(calc(13px + 0.1vw + 0.1vh) * 2.5);
  background-image: url("/image/abel/abel1.png");
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  cursor: crosshair;
  animation: abel-head-out 0.2s ease reverse forwards;
}

#home:hover {
  -webkit-animation: abel-head 0.2s ease forwards;
          animation: abel-head 0.2s ease forwards;
  cursor: pointer;
}

.menu-container {
  font-size: calc(13px + 0.1vw + 0.1vh);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.menu-container .menu-btn {
  margin-left: calc(0.25vw + 0.25vh);
  color: #f0f0f0;
  text-decoration: none;
}

.menu-btn {
  cursor: crosshair;
}

.menu-container .inactive-menu {
  text-decoration: line-through;
  pointer-events: none;
}

.menu-container .menu-btn:hover {
  color: #fa0000;
  text-decoration: underline;
  cursor: pointer;
}

.home-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: calc(0.25vw + 0.25vh);
  padding-right: calc(0.25vw + 0.25vh);
  font-family: nimbus-sans, sans-serif;
}

.projects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.project-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.project-container a {
  text-decoration: underline;
  color: #f0f0f0;
}

.project-container a:hover {
  color: #fa0000;
}

.project-more-container {
  margin-bottom: calc(calc(0.25vw + 0.25vh) * 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.project-more-container a {
  margin-right: calc(calc(0.25vw + 0.25vh) * 0.9);
}

.project-title-container {
  margin-bottom: calc(0.25vw + 0.25vh);
  font-size: calc(13px + 0.1vw + 0.1vh);
  line-height: calc(calc(13px + 0.1vw + 0.1vh) * 1.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-right: calc(0.25vw + 0.25vh);
  padding-left: calc(0.25vw + 0.25vh);
}

.project-title-container p {
  text-indent: 50vw;
}

.project-title-container a {
  margin-left: 50vw;
}

/* .project-title-container .project-more-icon:first-child{
    margin-left: 50vw;
}

.project-title-container .project-title-nolink:first-child{
    margin-left: 50vw;
} */
.project-title-container a.project-title-nolink {
  margin-left: 0vw;
}

.project-title-container .project-more-icon:first-child {
  margin-left: 0vw;
}

.project-more-icon {
  height: calc(calc(13px + 0.1vw + 0.1vh) * 0.65);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left;
  margin-right: calc(calc(0.25vw + 0.25vh) * 0.9);
  float: left;
}

.new {
  background-image: url("/assets/new.svg");
  width: calc(calc(13px + 0.1vw + 0.1vh) * 1.23);
}

.free {
  background-image: url("/assets/free.svg");
  width: calc(calc(13px + 0.1vw + 0.1vh) * 1.34);
}

.buy {
  background-image: url("/assets/buy.svg");
  width: calc(calc(13px + 0.1vw + 0.1vh) * 1.15);
}

.project-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
}

.project-image-container {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / 4;
}

.project-image-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  -webkit-column-gap: calc(0.25vw + 0.25vh);
          column-gap: calc(0.25vw + 0.25vh);
  row-gap: calc(0.25vw + 0.25vh);
}

.img-container img,
.img-container video {
  width: 100%;
  height: auto;
  border-style: none;
}

.img-container {
  border-style: none;
}

.one-left {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
}

.one-center {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2 / 3;
}

.one-right {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / 4;
}

.two-left {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
}

.two-right {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2 / 4;
}

.three {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / 4;
}

.new-row {
  -ms-grid-column: 1;
      grid-column-start: 1;
}

.more-open-list {
  margin-left: calc(0.25vw + 0.25vh);
}

.work-more-list-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  -webkit-column-gap: calc(0.25vw + 0.25vh);
          column-gap: calc(0.25vw + 0.25vh);
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100% - (calc(0.25vw + 0.25vh) * 2));
  padding: calc(0.25vw + 0.25vh);
  height: 100%;
  z-index: 1;
  color: #f0f0f0;
  background-color: black;
  overflow: scroll;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  pointer-events: none;
}

.work-more-list-container.open {
  opacity: 1;
  pointer-events: all;
}

.noscroll {
  overflow: hidden;
}

.work-list-container {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
}

.work-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: calc(calc(0.25vw + 0.25vh) * 1.2);
}

.work-list-item a,
.work-list-item p {
  color: #f0f0f0;
}

.work-list-item p {
  font-family: nimbus-sans-condensed, sans-serif;
  margin-right: calc(calc(0.25vw + 0.25vh) * 1);
}

.work-list-item a {
  font-family: nimbus-sans, sans-serif;
  text-decoration: underline;
  margin-right: calc(calc(0.25vw + 0.25vh) * 1);
}

.work-list-item a:hover {
  color: #fa0000;
}

.work-list-img-container {
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 2;
  width: calc((100vw - (calc(0.25vw + 0.25vh) * 3)) / 3);
  height: calc(((100vw - (calc(0.25vw + 0.25vh) * 3)) / 3) * (4 / 3));
  right: calc(0.25vw + 0.25vh);
  pointer-events: none;
}

.about-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -webkit-column-gap: calc(0.25vw + 0.25vh);
          column-gap: calc(0.25vw + 0.25vh);
  row-gap: calc(0.25vw + 0.25vh);
  -ms-grid-rows: auto auto;
      grid-template-rows: auto auto;
  padding-left: calc(0.25vw + 0.25vh);
  padding-right: calc(0.25vw + 0.25vh);
  font-family: nimbus-sans, sans-serif;
}

.cv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.about-description {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 13;
  grid-area: 1 / 1 / 2 / 14;
}

.about-work {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: 2 / 1 / 3 / 4;
}

.about-clients {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-area: 2 / 4 / 3 / 7;
}

.about-education {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 7;
  -ms-grid-column-span: 3;
  grid-area: 2 / 7 / 3 / 10;
}

.about-exhibition {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 10;
  -ms-grid-column-span: 4;
  grid-area: 2 / 10 / 3 / 14;
}

.about-list-title,
.about-list-year,
.about-list-place {
  font-family: nimbus-sans-condensed, sans-serif;
}

.about-list-title {
  margin-bottom: calc(calc(0.25vw + 0.25vh) * 5);
}

.about-list-year {
  margin-bottom: calc(calc(0.25vw + 0.25vh) * 2);
}

.about-clients li.about-list-name {
  margin-top: calc(calc(0.25vw + 0.25vh) * 2);
}

footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-column-gap: calc(0.25vw + 0.25vh);
          column-gap: calc(0.25vw + 0.25vh);
  row-gap: calc(0.25vw + 0.25vh);
  -ms-grid-rows: auto auto;
      grid-template-rows: auto auto;
  padding-left: calc(0.25vw + 0.25vh);
  padding-right: calc(0.25vw + 0.25vh);
  font-family: nimbus-sans, sans-serif;
  font-size: calc(13px + 0.1vw + 0.1vh);
}

#footer-2025 {
  position: fixed;
  bottom: calc(0.25vw + 0.25vh);
  left: 0;
  -webkit-column-gap: calc(13px + 0.1vw + 0.1vh);
          column-gap: calc(13px + 0.1vw + 0.1vh);
  row-gap: calc(13px + 0.1vw + 0.1vh);
}

.mail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-right: calc(calc(0.25vw + 0.25vh) * 0);
}

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-right: calc(calc(0.25vw + 0.25vh) * 0);
}

.contact-title {
  margin-right: calc(calc(0.25vw + 0.25vh) * 1);
}

.contact-container a {
  text-decoration: underline;
  margin-right: calc(calc(0.25vw + 0.25vh) * 1);
}

.contact-container a:hover {
  text-decoration: underline;
}

.copyright {
  -ms-grid-column-align: end;
      justify-self: end;
}

.projecto-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: calc(0.25vw + 0.25vh);
  padding-right: calc(0.25vw + 0.25vh);
  font-family: nimbus-sans, sans-serif;
}

.more-open-list,
.work-list-container,
.work-list-item:last-of-type {
  margin-bottom: calc(calc(0.25vw + 0.25vh) * 8);
}

.more-open-list,
.about-list-container,
footer,
.project-container,
.home-container,
.projecto-container {
  margin-top: calc(calc(0.25vw + 0.25vh) * 8);
}

.work-list-container,
.about-container {
  margin-top: calc(calc(0.25vw + 0.25vh) * 16);
}

.work-list-img-container {
  top: calc(calc(0.25vw + 0.25vh) * 16);
}

.project-title-container,
p,
a,
h1,
h2,
h3,
li,
ul,
.more-open-list,
.about-description,
.about-work,
.about-clients,
.about-education,
.about-exhibition,
footer {
  text-shadow: 0 0 calc(calc(13px + 0.1vw + 0.1vh) * 0.15) #f0f0f0;
}

.project-title-container a:hover,
a:hover,
.more-open-list:hover {
  text-shadow: 0 0 calc(calc(13px + 0.1vw + 0.1vh) * 0.15) #fa0000;
  cursor: pointer;
}

.more-open-list {
  text-decoration: underline;
}

.more-open-list:hover {
  color: #fa0000;
}

[data-aos="animation"] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
}

[data-aos="animation"].aos-animate {
  opacity: 1;
}

[data-aos="animation-text"] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
}

[data-aos="animation-text"].aos-animate {
  opacity: 1;
}

@-webkit-keyframes abel-head {
  0% {
    background-image: url("/image/abel/abel1.png");
  }
  10% {
    background-image: url("/image/abel/abel2.png");
  }
  20% {
    background-image: url("/image/abel/abel3.png");
  }
  30% {
    background-image: url("/image/abel/abel4.png");
  }
  40% {
    background-image: url("/image/abel/abel5.png");
  }
  50% {
    background-image: url("/image/abel/abel6.png");
  }
  60% {
    background-image: url("/image/abel/abel7.png");
  }
  70% {
    background-image: url("/image/abel/abel10.png");
  }
  80% {
    background-image: url("/image/abel/abel15.png");
  }
  90% {
    background-image: url("/image/abel/abel30.png");
  }
  100% {
    background-image: url("/image/abel/abel50.png");
  }
}

@keyframes abel-head {
  0% {
    background-image: url("/image/abel/abel1.png");
  }
  10% {
    background-image: url("/image/abel/abel2.png");
  }
  20% {
    background-image: url("/image/abel/abel3.png");
  }
  30% {
    background-image: url("/image/abel/abel4.png");
  }
  40% {
    background-image: url("/image/abel/abel5.png");
  }
  50% {
    background-image: url("/image/abel/abel6.png");
  }
  60% {
    background-image: url("/image/abel/abel7.png");
  }
  70% {
    background-image: url("/image/abel/abel10.png");
  }
  80% {
    background-image: url("/image/abel/abel15.png");
  }
  90% {
    background-image: url("/image/abel/abel30.png");
  }
  100% {
    background-image: url("/image/abel/abel50.png");
  }
}

@-webkit-keyframes abel-head-out {
  0% {
    background-image: url("/image/abel/abel1.png");
  }
  10% {
    background-image: url("/image/abel/abel2.png");
  }
  20% {
    background-image: url("/image/abel/abel3.png");
  }
  30% {
    background-image: url("/image/abel/abel4.png");
  }
  40% {
    background-image: url("/image/abel/abel5.png");
  }
  50% {
    background-image: url("/image/abel/abel6.png");
  }
  60% {
    background-image: url("/image/abel/abel7.png");
  }
  70% {
    background-image: url("/image/abel/abel10.png");
  }
  80% {
    background-image: url("/image/abel/abel15.png");
  }
  90% {
    background-image: url("/image/abel/abel30.png");
  }
  100% {
    background-image: url("/image/abel/abel50.png");
  }
}

@keyframes abel-head-out {
  0% {
    background-image: url("/image/abel/abel1.png");
  }
  10% {
    background-image: url("/image/abel/abel2.png");
  }
  20% {
    background-image: url("/image/abel/abel3.png");
  }
  30% {
    background-image: url("/image/abel/abel4.png");
  }
  40% {
    background-image: url("/image/abel/abel5.png");
  }
  50% {
    background-image: url("/image/abel/abel6.png");
  }
  60% {
    background-image: url("/image/abel/abel7.png");
  }
  70% {
    background-image: url("/image/abel/abel10.png");
  }
  80% {
    background-image: url("/image/abel/abel15.png");
  }
  90% {
    background-image: url("/image/abel/abel30.png");
  }
  100% {
    background-image: url("/image/abel/abel50.png");
  }
}

.about-name {
  text-decoration: none;
}

@media only screen and (max-width: 600px) {
  body {
    font-size: calc(1em + 0.1vw + 0.1vh);
  }
  menu {
    width: calc(100% - (calc(0.25vw + 0.25vh) * 2));
    padding: calc(0.25vw + 0.25vh);
  }
  #menu-2025 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(calc(1em + 0.1vw + 0.1vh) * 0);
    padding: calc(0.25vw + 0.25vh);
  }
  #home {
    width: calc(calc(1em + 0.1vw + 0.1vh) * 1.5);
  }
  #about {
    margin-left: calc(calc(0.25vw + 0.25vh) * 2.5);
  }
  .menu-container,
  .more-open-list,
  .work-list-container {
    font-size: calc(1em + 0.1vw + 0.1vh);
  }
  .menu-container .menu-btn {
    margin-left: calc(0.25vw + 0.25vh);
  }
  .home-container {
    padding-left: calc(0.25vw + 0.25vh);
    padding-right: calc(0.25vw + 0.25vh);
  }
  .project-more-container {
    margin-bottom: calc(calc(0.25vw + 0.25vh) * 0.5);
  }
  .project-more-container a {
    margin-right: calc(calc(0.25vw + 0.25vh) * 0.9);
  }
  .project-title-container {
    margin-bottom: calc(0.25vw + 0.25vh);
    font-size: calc(1em + 0.1vw + 0.1vh);
    line-height: calc(calc(1em + 0.1vw + 0.1vh) * 1.05);
  }
  .project-more-icon {
    height: calc(calc(1em + 0.1vw + 0.1vh) * 0.65);
    margin-right: calc(calc(0.25vw + 0.25vh) * 0.9);
  }
  .new {
    width: calc(calc(1em + 0.1vw + 0.1vh) * 1.23);
  }
  .free {
    width: calc(calc(1em + 0.1vw + 0.1vh) * 1.34);
  }
  .buy {
    width: calc(calc(1em + 0.1vw + 0.1vh) * 1.15);
  }
  .project-image-container {
    -webkit-column-gap: calc(0.25vw + 0.25vh);
            column-gap: calc(0.25vw + 0.25vh);
    row-gap: calc(0.25vw + 0.25vh);
  }
  .more-open-list {
    margin-left: calc(0.25vw + 0.25vh);
  }
  .work-more-list-container {
    -webkit-column-gap: calc(0.25vw + 0.25vh);
            column-gap: calc(0.25vw + 0.25vh);
    width: calc(100% - (calc(0.25vw + 0.25vh) * 2));
    padding: calc(0.25vw + 0.25vh);
  }
  .work-list-item {
    margin-bottom: calc(calc(0.25vw + 0.25vh) * 1.2);
  }
  .work-list-item p {
    margin-right: calc(calc(0.25vw + 0.25vh) * 1);
  }
  .work-list-item a {
    margin-right: calc(calc(0.25vw + 0.25vh) * 1);
  }
  .work-list-img-container {
    width: calc((100vw - (calc(0.25vw + 0.25vh) * 3)) / 3);
    height: calc(((100vw - (calc(0.25vw + 0.25vh) * 3)) / 3) * (4 / 3));
    right: calc(0.25vw + 0.25vh);
  }
  .about-container {
    -webkit-column-gap: calc(0.25vw + 0.25vh);
            column-gap: calc(0.25vw + 0.25vh);
    row-gap: calc(0.25vw + 0.25vh);
    padding-left: calc(0.25vw + 0.25vh);
    padding-right: calc(0.25vw + 0.25vh);
  }
  .about-list-title {
    margin-bottom: calc(calc(0.25vw + 0.25vh) * 5);
  }
  .about-list-year {
    margin-bottom: calc(calc(0.25vw + 0.25vh) * 2);
  }
  .about-clients li.about-list-name {
    margin-top: calc(calc(0.25vw + 0.25vh) * 2);
  }
  footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-column-gap: calc(0.25vw + 0.25vh);
            column-gap: calc(0.25vw + 0.25vh);
    row-gap: calc(calc(1em + 0.1vw + 0.1vh) * 0.1);
    padding-left: calc(0.25vw + 0.25vh);
    padding-right: calc(0.25vw + 0.25vh);
    font-size: calc(1em + 0.1vw + 0.1vh);
  }
  #footer-2025 {
    position: fixed;
    bottom: calc(0.25vw + 0.25vh);
    left: 0;
    -webkit-column-gap: calc(calc(1em + 0.1vw + 0.1vh) * 0.1);
            column-gap: calc(calc(1em + 0.1vw + 0.1vh) * 0.1);
    row-gap: calc(calc(1em + 0.1vw + 0.1vh) * 0.1);
  }
  .mail {
    margin-right: 0;
  }
  .social {
    margin-right: 0;
  }
  .contact-title {
    margin-right: calc(calc(0.25vw + 0.25vh) * 1);
  }
  .contact-container a {
    margin-right: calc(calc(0.25vw + 0.25vh) * 1);
  }
  .projecto-container {
    padding-left: calc(0.25vw + 0.25vh);
    padding-right: calc(0.25vw + 0.25vh);
  }
  .more-open-list,
  .work-list-container,
  .work-list-item:last-of-type {
    margin-bottom: calc(calc(0.25vw + 0.25vh) * 8);
  }
  .more-open-list,
  .about-list-container,
  footer,
  .project-container,
  .home-container,
  .projecto-container {
    margin-top: calc(calc(0.25vw + 0.25vh) * 8);
  }
  .work-list-container,
  .about-container {
    margin-top: calc(calc(0.25vw + 0.25vh) * 16);
  }
  .work-list-img-container {
    top: calc(calc(0.25vw + 0.25vh) * 16);
  }
  .project-title-container,
  p,
  a,
  .more-open-list {
    text-shadow: 0 0 calc(calc(1em + 0.1vw + 0.1vh) * 0.15) #f0f0f0;
  }
  .project-title-container a:hover,
  a:hover,
  .more-open-list:hover {
    text-shadow: 0 0 calc(calc(1em + 0.1vw + 0.1vh) * 0.15) #fa0000;
  }
  .project-container,
  .project-image-container,
  .work-more-list-container,
  .about-container {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
  .project-image-container,
  .one-left,
  .one-right,
  .one-center,
  .two-left,
  .two-right,
  .three {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
  }
  .work-list-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .about-description,
  .about-work,
  .about-clients,
  .about-education,
  .about-exhibition {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    font-size: calc(1em + 0.1vw + 0.1vh);
    line-height: calc(calc(1em + 0.1vw + 0.1vh) * 1.05);
  }
  .about-work {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / 3;
  }
  .about-clients {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / 4;
  }
  .about-education {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-row: 4 / 5;
  }
  .about-exhibition {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    grid-row: 5 / 6;
  }
  a:hover,
  .menu-container .menu-btn:hover,
  .project-container a:hover,
  .work-list-item a:hover,
  .more-open-list:hover {
    color: inherit;
  }
  #home,
  #home:hover {
    -webkit-animation: none;
            animation: none;
    -webkit-filter: none;
            filter: none;
  }
  .menu-container .menu-btn:hover,
  .contact-container a:hover {
    text-decoration: none;
  }
  .project-title-container a:hover,
  a:hover,
  .more-open-list:hover {
    text-shadow: 0 0 calc(calc(1em + 0.1vw + 0.1vh) * 0.15) #f0f0f0;
  }
  [data-aos="animation-text"] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
  }
  [data-aos="animation-text"].aos-animate {
    opacity: 1;
  }
  #snippet-2 {
    margin-top: 20vh;
  }
}
/*# sourceMappingURL=style.css.map */