:root {
  --primary: #eee5e6;
  --dark: #363434;
  --navbar: antiquewhite;
  --red: #ff5a5a;
  --lightblack: #666666;
  --lightblue: #528dc2;
}
* {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
.font_normal {
  font-family: "Times New Roman", Times, serif;
  font-size: larger;
  font-weight: 100;
  color: black;
}

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 9vh !important;
  padding: 20px;
  background-color: var(--navbar);
}
.flex_container {
  display: flex;
  align-items: center;
  gap: 5px;
}
.justify_navbar {
  justify-content: space-between;
}
.flex_direction_row {
  flex-direction: row;
}
.logo {
  transition: 1s;
}
.logo:hover {
  border: 2px solid red;
  border-radius: 30%;
  background-color: blue;
}
a {
  text-decoration: none;
}
body {
  padding: 2px;
  margin: 1px;
}
.border_radius {
  border-radius: 25px;
}
.hi {
  font-family: "Montserrat", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 800;
}
.potrait {
  height: 80%;
  width: 60%;

  padding: 5px;
}
.image {
  border-radius: 50%;
}
.myparagraph {
  font-size: small;
  color: var(--lightblack);
  text-align: justify;
}
.primaryButton {
  margin-top: 10px;
  padding: 8px;
  background-color: var(--lightblue);
  border-radius: 20%;
  color: #a8e78d;
}
.buttonEffect {
  cursor: pointer;
  transition: 0.5s;
  box-shadow: 5px 5px 5px 3px var(--lightblack);
}
.buttonEffect:hover {
  background-color: rgb(240, 255, 247);
  font-size: 20px;
  color: #363434;
}
.horizantalLine {
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  max-width: 300px;
  background: red;
  border: none;
  border-top: 2px solid red;
}
.Whatido {
  text-align: center;
  margin: auto;
  margin-bottom: 30px;
}
.fontsize {
  font-size: 60px;
}
.cards {
  border: 1px solid var(--red);
  background: var(--navbar);
  border-radius: 15px;
}
.particularcards {
  border: 2px solid #f7b731;
  padding: 5px;
  margin: 15px;
  border-radius: 10px;
}