@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

.inter-text {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}

.font-lists {
  font-family: Arial, Helvetica, sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 38.4px;
}

.bolder {
    font-weight: bolder;
}

.remove-link {
    text-decoration: none;
}

.bold {
    font-weight: bold;
}

.big {
    font-size:78.4px
}

.medium {
    font-size:19.2px
}

.title {
    text-align: center;
    padding-top: 10px;
}

.border {
    border-style: solid;
    border-width: 1px;
}

.flexbox-container {
    display: flex;
    justify-content: center;
    align-content:center
}

.gapped {
    gap:30px;
}

.projects-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.project-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.margin-10 {
    margin-left: 10%
}

.left {
    width:40%;
}

.right {
    width:60%;
}

 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .big {
        font-size:36.4px;
    }
    img {
        height: 300px;
        width:auto;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and ((min-width:600px) and (max-width: 768px)) {
    .big {
        font-size:40.4px;
    }
    img {
        height: 300px;
        width:auto;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}