.menu-bar {
  background-color: #1988f7;
  display: flex;
  justify-content: flex-start;
  box-sizing: border-box;
}

.item {
  color: white;
  background-color: transparent;
  font-size: 18px;
  display: inline-block;
  box-sizing: border-box;
  padding: 14px 20px;
}

.item.title {
  font-weight: 600;
}

.item:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

a {
  text-decoration: none;
  position: relative;
  background: linear-gradient(120deg, #ff00cc 0%, #333399 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.2em;
  background-position: 0 100%;
  transition: background-size 0.25s ease-in;
}

a:hover {
  background-size: 100% 100%;
}

body {
    background: #e39beb;
    background: linear-gradient(90deg, rgba(227, 155, 235, 1) 0%, rgba(87, 141, 199, 1) 100%, rgba(237, 221, 83, 1) 100%);
    font-family: "Montserrat", sans-serif;
}




h2,h1 {
  font-size:xx-large;
  text-align: top;
}

p {
  font-size:x-large
}

.about {
  font-size:large;
}
.mine {
  width: 700px;
  height: 700px;
}

td {
  border: 1px solid black;
  background-color: white;
  padding: 20px;
}
.project {
  width: 450px;
  height: 600px;
}

.schedule {
  width: 700px;
  height: 500px;
}

.animation {
  width: 450px;
  height: 600px;
}

.fonts {
  width: 600px;
  height: 600px;
}

.navbar {
  width: 700px;
  height: 600px;
}

.break {
  width: 450px;
  height: 600px;
}