html {
  background-color: #061d0d;
  background-size: auto;
  background-attachment: fixed;
  font-size: 14pt;
}

body {
  margin: auto;
  width: 50%;
  min-width: 600px;
  padding: 10px;
  font-family: "Trebuchet MS", sans-serif;
  z-index: 50;
}

.my-name {
  max-width: fit-content;
  text-align: center;
  color: #decf91;
  background-color: #0C3C1C;
  border-width: 5px;
  border-style: solid;
  border-color: #977e1c #774b15 #774b15 #977e1c;
  padding: 1vh;
  min-width: 375px;
  margin: auto;
  border-radius: 14px;
}

p {
  font-weight: 400;
  padding: 5px;
}

.resume {
  border-radius: 14px;
}

.resume-section {
  background-color: #0C3C1C;
  box-shadow: 8px 6px rgb(55, 46, 1);
  border-width: 3px;
  border-style: solid;
  border-color: #977e1c #774b15 #774b15 #977e1c;
  color: #decf91;
  box-sizing: border-box;
  width: fit-content;
  height: fit-content;
  padding: 1vh;
  border-radius: 14px;
  min-width: fit-content;
  margin-left: -40px;
  margin-top: -40px;
}

.section {
  border: 6px solid rgb(36, 16, 4);
  background-color: rgba(12, 60, 28, 0.4);
  border-radius: 14px;
  margin: 40px 40px 20px 35px;
}

h3, h4 {
  margin: 0px;
}

footer {
  max-width: fit-content;
  min-width: fit-content;
  margin: auto;
  text-align: center;
  border-width: 2px;
  border-style: solid;
  border-color: rgb(36, 16, 4);
  background-color: #165533;
  box-sizing: border-box;
  width: inherit;
  padding: 0.5%;
}

a {
  color: #c9b36b;
  text-decoration: none;
  padding: 2px;
}

a.footlink {
  color: #c9b36b;
  text-decoration: none;
}

a:hover {
  background-color: beige;
}

img {
  width: 20px;
  height: 20px;
  display: inline;
  margin-top: 4px;
  margin-left: 4px;
  margin-right: 4px;
}

.linked-image:hover {
  background-color: beige;
}

.linkedin-logo {
  height: 17px;
  width: 70px;
}

.date {
  display: inline;
  width: fit-content;
  height: fit-content;
  padding: 0.5vh;
  color: #decf91;
  float: right;
  position: inherit;
  margin-right: -6%;
  margin-top: -25px;
  background-color: #0C3C1C;
  box-shadow: 8px 6px rgb(55, 46, 1);
  border-width: 3px;
  border-style: solid;
  border-color: rgb(36, 16, 4);
}

ul {
  border-top: 2px;
  border-bottom: 2px;
  border-right: 0;
  border-left: 0;
  border-style: solid;
  border-color: rgb(36, 16, 4);
  color: #e1cd83;
  background-color: rgba(22, 85, 51, 0.7);
  margin-top: 30px;
}

li {
  padding: 5px;
  line-height: 1.8;
}

.inner {
  background-color: transparent;
  border-style: none;
  margin-top: 5px;
}

.job-title {
  width: fit-content;
  height: fit-content;
  padding-left: 1%;
  padding-right: 1%;
  border-width: 3px;
  border-left: 0px;
  border-style: solid;
  border-color: rgb(36, 16, 4);
  color: #e1cd83;
  background-color: rgba(22, 85, 51, 0.7);
}

mark {
  background-color: #774b15;
  color: #decf91;
  font-weight: bold;
  background-color: #0C3C1C;
  border-radius: 14px;
  border-width: 3px;
  border-style: solid;
  border-color: #977e1c #774b15 #774b15 #977e1c;
  padding: 4px;
}

.spiral {
  width: 10%;
  height: 10%;
  position: fixed;
  z-index: -100;
  mix-blend-mode: hard-light;
  filter: brightness(0) saturate(100%) invert(91%) sepia(30%) saturate(3883%) hue-rotate(338deg) brightness(98%) contrast(91%) drop-shadow(0px 5px 2px rgba(0, 0, 0, 0.6));
  animation: spin 6s linear;
  opacity: 0%;
}

.gear {
  position: fixed;
  filter: invert(79%) sepia(46%) saturate(347%) hue-rotate(22deg) brightness(85%) contrast(93%);
  animation: gear-rotate 1s linear infinite;
  animation-play-state: paused;
  animation-delay: calc(var(--scroll) * -1s);
}

body::before, body::after {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 6rem;
  height: 3rem;
  content: ".";
  mix-blend-mode: screen;
  animation: 44s -27s random-movement infinite ease-in-out alternate;
  z-index: -200;
  color: transparent;
}

body::before {
  text-shadow: -0.0050176378em 1.7271980523em 7px hsl(48, 10.4991219597%, 50%), 0.5281231839em 2.2027295476em 7px hsl(48, 47.0683850577%, 50%), 1.9831235321em 0.1490085577em 7px hsl(48, 71.2781212979%, 50%), 1.6117544219em 0.2719562699em 7px hsl(48, 27.3714380695%, 50%), -0.1394388516em 1.153065722em 7px hsl(48, 15.3617307149%, 50%), 1.9555639455em 1.7126548023em 7px hsl(48, 38.8600047343%, 50%), 2.4082123755em 2.0492877976em 7px hsl(48, 15.7803747091%, 50%), 1.840823239em 0.0317707724em 7px hsl(48, 58.4183985778%, 50%), 1.6218970442em 2.2274517699em 7px hsl(48, 38.0371300329%, 50%), 0.9287633505em 1.092005686em 7px hsl(48, 54.5417836783%, 50%), 0.7211029341em 2.4211642351em 7px hsl(48, 8.4269718254%, 50%), 0.6995942093em -0.4440271323em 7px hsl(48, 55.5671220401%, 50%), 0.975759204em 1.0387873656em 7px hsl(48, 38.9252227149%, 50%), -0.1915299132em -0.0942800332em 7px hsl(48, 11.1267060789%, 50%), 1.350259166em 2.2902477928em 7px hsl(48, 19.2715265178%, 50%), -0.2549899497em 2.323755934em 7px hsl(48, 5.0713393004%, 50%), 0.7213072508em 2.3892145992em 7px hsl(48, 2.0828699524%, 50%), -0.3728296837em -0.1561014402em 7px hsl(48, 82.5550492509%, 50%), 1.694183712em 1.1548538627em 7px hsl(48, 78.036249093%, 50%), 2.1651706869em 0.6608222525em 7px hsl(48, 11.3473063376%, 50%), 0.412888067em 2.1059969759em 7px hsl(48, 54.2422995708%, 50%), 1.5356721272em 0.0860752663em 7px hsl(48, 10.5328622081%, 50%), 1.4604833273em 0.0487805594em 7px hsl(48, 11.8502277273%, 50%), 1.2082133083em 0.7665444073em 7px hsl(48, 77.3151305165%, 50%), 0.1130223435em 1.6665276478em 7px hsl(48, 47.4064954424%, 50%), 2.0361898952em 0.6961422586em 7px hsl(48, 44.0761798212%, 50%), 2.2621642495em 2.4747434505em 7px hsl(48, 19.5611533749%, 50%), 1.3494325974em 1.4829628589em 7px hsl(48, 0.4855485412%, 50%), 0.1274032412em 2.0741306311em 7px hsl(48, 38.8957580182%, 50%), 0.5897017503em 0.209492597em 7px hsl(48, 23.0615937417%, 50%), -0.3373803632em 0.304314395em 7px hsl(48, 31.1881474779%, 50%), 2.4127441143em -0.4164915239em 7px hsl(48, 44.9757189704%, 50%), 1.4785658642em 1.8954751241em 7px hsl(48, 33.6592948571%, 50%), 0.680207661em -0.3071537943em 7px hsl(48, 28.8943554007%, 50%), 0.8626012465em 0.2524406054em 7px hsl(48, 13.2629701227%, 50%), 1.7080330244em -0.4457737578em 7px hsl(48, 81.6387548126%, 50%), 1.5845299864em 1.2584529614em 7px hsl(48, 21.9757779213%, 50%), 0.0676769843em 2.0046330626em 7px hsl(48, 36.1460325687%, 50%), 1.0761876948em 2.4159724952em 7px hsl(48, 11.1935945862%, 50%), 1.9477496295em -0.3992930723em 7px hsl(48, 41.6896290555%, 50%), 1.5019314776em -0.4485556131em 7px hsl(48, 21.2475352413%, 50%), 0.5074312912em -0.0595847863em 7px hsl(48, 65.9216203322%, 50%), 0.7964630729em 2.3761954242em 7px hsl(48, 23.4811217328%, 50%), 0.2544882261em -0.1323885592em 7px hsl(48, 22.0412363208%, 50%), -0.2639057816em -0.2446228535em 7px hsl(48, 63.6370500427%, 50%), 0.4844828326em 0.4304725665em 7px hsl(48, 22.4102791109%, 50%), 1.5731024965em 2.410640974em 7px hsl(48, 55.3230090508%, 50%), 1.3790100627em 1.0143954323em 7px hsl(48, 44.3171219914%, 50%), 0.7183052653em 0.7845708768em 7px hsl(48, 18.7964870596%, 50%), 1.2395479978em 2.1123354855em 7px hsl(48, 18.2051128388%, 50%), 2.453255214em 0.4893197645em 7px hsl(48, 65.5378142438%, 50%), 1.8584135795em 0.1195352856em 7px hsl(48, 0.5849550729%, 50%), 1.1594239667em 1.2916806033em 7px hsl(48, 3.4169727992%, 50%), 1.2781854949em -0.2701155338em 7px hsl(48, 32.1171867794%, 50%), 0.8472034965em 0.1006943473em 7px hsl(48, 78.230148242%, 50%), 0.8407217344em 1.2177428255em 7px hsl(48, 42.4889561417%, 50%), 1.9310941234em 1.1313609285em 7px hsl(48, 13.4944520738%, 50%), 1.0876825384em -0.0632642941em 7px hsl(48, 58.0234122804%, 50%), 0.6634235228em -0.4255980813em 7px hsl(48, 45.0679391865%, 50%), 1.9381485097em 1.2190977769em 7px hsl(48, 60.0183541278%, 50%), 1.7396640471em -0.0549596046em 7px hsl(48, 25.7081567383%, 50%), 0.3155933085em 1.8351382505em 7px hsl(48, 63.2210753758%, 50%), -0.0946802998em 2.3401550309em 7px hsl(48, 80.3001640766%, 50%), 0.4725226188em 0.3044927893em 7px hsl(48, 21.1428692753%, 50%), 1.1792211088em -0.0873024725em 7px hsl(48, 16.1991494986%, 50%), 0.1200742063em 2.1907355345em 7px hsl(48, 24.6372668865%, 50%), -0.1684844389em 0.9936754081em 7px hsl(48, 27.6780011215%, 50%), -0.3811062127em 0.5316788062em 7px hsl(48, 60.208731101%, 50%), 0.7686314182em 2.1684962077em 7px hsl(48, 32.8905012651%, 50%), 0.9056702646em 1.3745574543em 7px hsl(48, 64.7068434273%, 50%), 0.1910022682em 0.9898249539em 7px hsl(48, 59.7438942449%, 50%), 1.8210502883em 0.6362199019em 7px hsl(48, 69.7448618354%, 50%), 1.0682472692em 2.0957970237em 7px hsl(48, 27.5278722194%, 50%), 0.8069406397em 1.5065110554em 7px hsl(48, 37.6983520242%, 50%), -0.3458377761em 2.0553897518em 7px hsl(48, 56.1257650401%, 50%), 2.4930858135em -0.3903665461em 7px hsl(48, 5.3977148249%, 50%), 2.2781405294em 2.0063638058em 7px hsl(48, 44.7973060593%, 50%), 0.2419492164em 1.6347254561em 7px hsl(48, 24.008530661%, 50%), -0.020386041em 1.7293412195em 7px hsl(48, 44.7543685856%, 50%), 1.8516539288em -0.140289178em 7px hsl(48, 77.797423217%, 50%), -0.0289276185em 1.178441388em 7px hsl(48, 6.777334492%, 50%);
  animation-duration: 40s -20s;
}

@keyframes random-movement {
  from {
    transform: scale(12) translateX(30.8373095058px);
  }
  to {
    transform: scale(18) translateX(2.4491341215px);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
    opacity: 0%;
  }
  50% {
    transform: rotate(360deg);
    opacity: 100%;
  }
  90% {
    opacity: 0%;
  }
  100% {
    transform: rotate(720deg);
    opacity: 0%;
  }
}
@keyframes gear-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-270deg);
  }
}

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