@import url(https://fonts.bunny.net/css?family=allerta:400|amiko:400|montserrat:200,300,400);

* {
  margin: 0;
  padding: 0;
  font-display: swap;
}

footer a, footer a:link, footer a:active, footer a:visited {
  color: #232323;
}
nav ul li a, nav ul li a:link, nav ul li a:active, nav ul li a:visited {
  color: #000;
  padding: 15px 15px;
}
a, a:link, a:active, a:visited {
  color: rgb(62, 184, 62);
  text-decoration: none;
  transition: all .1s ease;
}


footer a:hover {
  color: #000;
}
li a:hover, a:hover {
  color: rgb(47, 148, 47);
}

body,
html {
  font-size: 1.15em;
}

ul {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: 'Montserrat', sans-serif;
}

p {
  font-family: 'Amiko', sans-serif;
}

ul,
li {
  font-family: 'Allerta', sans-serif;
}


nav {
  position: sticky;
  top: 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 80px;
  height: 120px;
  max-height: 120px;
  background-color: #f4f4f4;
  z-index: 10;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  transition: height .3s ease;
}
.slim-navigation {
  height: 80px;
}

nav ul {
  flex-grow: 2;
}

nav ul,
nav ul li {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  font-size: 0.9rem;
}


main {
  position: relative;
  height: fit-content;
  margin-bottom: 50px;
}

main h2 {
  position: absolute;
  top: calc(40% - 25px);
  left: 50px;
  font-weight: 300;
  font-size: 2rem;
}

main img {
  max-height: 70vh;
  object-fit: cover;
}

.title {
  font-size: 2rem;
  margin-bottom: 20px;
}

.content-section {
  text-align: center;
}
.about {
  margin-bottom: 80px;
}

.box-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 70%;
  gap: 8%;
  margin-left: auto;
  margin-right: auto;
}

.box-wrapper p {
  text-align: left;
}



.split-view {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.split-view img {
  max-width: 55%;
  object-fit: cover;
  clip-path: polygon(8% 0, 100% 0%, 100% 100%, 0% 100%);
}
.split-view:nth-child(odd) {
  flex-direction: row-reverse;
}
.split-view:nth-child(odd) img {
  clip-path: polygon(0 0, 92% 0, 100% 100%, 0 100%);
}
.split-view .split-text {
  text-align: justify;
  text-align-last: left;
  width: 50%;
}



.split-text .text-wrap {
  width: 60%;
  margin-left: auto;
  margin-right: 0;
  overflow-wrap: anywhere;
  shape-outside: polygon(0 0, 92% 0, 100% 100%, 0 100%);
}
.split-view:nth-child(odd) .split-text .text-wrap {
  text-align-last: right;
  width: 60%;
  margin-left: 0;
  margin-right: auto;
}

.after-animation {
  will-change: opacity;
  position: relative;
  opacity: 1;
  transition: all 1s ease;
}
.to-animate {
  opacity: 0;
}
/* .to-animate-move-left {
  right: -100px;
  transform: translate(100px, 0);
}
.to-animate-move-right {
  left: -100px;
  transform: translate(100px, 0);
} */

footer {
  font-size: 0.9rem;
  color: #fff;
  min-height: 500px;
  background-color:rgb(47, 148, 47);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10%;
}