@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");

:root {
  --midnight-blue: #18206f;
  --penn-blue: #17255a;
  --champagne: #f5e2c8;
  --coral-pink: #d88373;
  --cornell-red: #bd1e1e;

  --text-light: #ffffff;
  --text-dark: #0a0a0a;
}

body {
  font-family: poppins, sans-serif;
}

@keyframes marquee-left {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}

.animate-marquee {
  display: inline-block;
  animation: marquee-left 15s linear infinite;
}

/* border  */
.border-tb {
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.card {
  border: 2px solid #000;
  padding: 20px;
  width: 600px;
  margin: auto;
}
.photo {
  float: right;
  width: 100px;
  height: 120px;
  object-fit: cover;
  border: 1px solid #000;
}

.input {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 0.375rem;
  width: 100%;
}
