@import url("https://use.typekit.net/bid6mab.css");

@font-face {
  font-family: Blanco;
  src: url("../assets/Blanco.ttf"), auto;
}

.object-fit-cover {
  object-fit: cover !important;
}

.inclusive-sans-regular {
  font-family: "Inclusive Sans", serif;
  font-weight: 400;
  font-style: normal;
}

.inclusive-sans-regular-italic {
  font-family: "Inclusive Sans", serif;
  font-weight: 400;
  font-style: italic;
}

.fairplex-wide-book {
  font-family: "fairplex", serif;
  font-weight: 400;
  font-style: normal;
}


* {
  font-family: "goodland-variable", "hanken-grotesk", "Inclusive Sans" !important;
  /* cursor: url('/assets/images/blanco-logo-outline-small.png'), auto; */
}

p, small {
  font-family: "Helvetica", "Lato", "Inter", sans-serif !important;
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: crosshair;
}

.mt-3-5 {
  margin-top: 1.25rem;
}

#info, #quick-projects {
  margin: 3%;
  position: relative;
  z-index: 4;
}

#title {
  font-weight: 100;
  width: fit-content;
  font-style: normal;
}

#title > a {
  text-decoration: none;
  font-style: normal;
}

#graph {
  z-index: 0;
  position: fixed;
  left: -50;
  top: 10%;
  width: 100%;
  height: 100%;
}

.nodeText {
  margin: 25px;
}

.underline {
  text-decoration: underline;
}

.nodeText:hover {
  text-decoration: underline;
  transition: 2s ease-in-out;
  cursor: pointer 
   /* url('/assets/images/blanco-logo-icon-small.png'), auto !important; */
}

#homeTitle {
  width: fit-content;
}

p {
  margin-bottom: 1rem;
}

a {
  width: fit-content;
  text-decoration: none;
  color: black;
}

a, h2, h3, h4, h5 {
  font-style: normal;
}

a:hover, button:hover {
  color: black;
  text-decoration: underline;
  cursor: pointer;
  /* url('/assets/images/blanco-logo-icon-small.png'), auto !important; */
}

.link:after{
  content: '';
  position: relative;
  width: 0; height: 1.5px;
  display: block;
  margin-top: 5px;
  right: 0;
  background: #000000;
  transition: width .2s ease;
  -webkit-transition: width .2s ease;
}

.link:hover:after{
  width: 100%;
  left: 0;
  background: #000000;
  cursor: pointer;
  /* url('/assets/images/blanco-logo-icon-small.png'), auto !important; */}

#about-image {
  max-width: 25vw;
  /* max-height: 25vh; */
}

.nav-item {
  margin-right: 0.5vw;
}

.nav-current {
  text-decoration: underline;
}

.w-fit {
  width: fit-content;
}

#title:hover {
  color: black;
  text-decoration: none;
  cursor: pointer;
  /* url('/assets/images/blanco-logo-icon-small.png'), auto !important; */}

#title:hover {
  cursor: pointer;
  /* url('/assets/images/blanco-logo-icon-small.png'), auto !important; */}

.card-img {
  width: 100%;
  height: 400px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-img img,
.card-img video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.asset-container {
  margin-left: auto;
  margin-right: auto;
}

.card {
  padding: 15px;
  border: none;
  margin-bottom: 15px;
  height: fit-content;
  transition: all ease-in-out 0.2s;
} 

.card-home.card {
  border-radius: 0;
}

.card:hover {
  transition: all ease-in-out 0.2s;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  /* cursor: url('/assets/images/blanco-logo-icon-small.png'), auto !important; */
}

.card *:hover {
  /* cursor: url('/assets/images/blanco-logo-icon-small.png'), auto !important; */
  cursor: pointer;
}

.card-title {
  padding-top: 15px;
}

img {
  width: 100%;
  height: auto;
}

#boat {
  max-width: 15%;
  position: absolute;
  top: 75%;
  left: 75%;
}

.nav-logo {
  width: 4rem;
}