.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px;
}

.column {
    width: 80%;
}

.form-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0;
    padding: 10px;
    border-radius: 5px;
    flex-wrap: wrap;
    width: 100%;
}

.form-container>div:first-child {
    width: 70%;
    margin: 0;
    padding: 0;
}

.form-container:not(:first-child) {
    flex: 1;
}

.form-container div input[type="text"] {
    min-width: 0;
    font-size: 16px;
    padding: 10px 5px;
    width: 94%;
}

.form-container div input[type="submit"] {
    padding: 10px 15px;
}

button:hover {
    background-color: #0056b3;
}

.row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.row-padding {
    padding: 5px;
}

/** Navigation Bar Styles (Begin) */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    padding: 10px 20px;
    height: 60px;
}

.nav-links {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.nav-links li a {
    color: black;
    text-decoration: none;
    padding: 14px 16px;
    display: block;
}

.nav-links li a:hover {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
}

.dropdown {
    position: relative;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 130px;
  padding: 4px 8px;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.logo {
    color: white;
    text-decoration: none;
    font-size: 1.5em;
    font-weight: bold;
}

.apps {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d='M320 64C331.2 64 341.7 69.9 347.4 79.5L443.4 239.5C449.3 249.4 449.5 261.7 443.8 271.7C438.1 281.7 427.5 288 416 288L224 288C212.5 288 201.8 281.8 196.2 271.8C190.6 261.8 190.7 249.5 196.6 239.6L292.6 79.6C298.3 69.9 308.8 64 320 64zM192 336C253.9 336 304 386.1 304 448C304 509.9 253.9 560 192 560C130.1 560 80 509.9 80 448C80 386.1 130.1 336 192 336zM392 352L504 352C526.1 352 544 369.9 544 392L544 504C544 526.1 526.1 544 504 544L392 544C369.9 544 352 526.1 352 504L352 392C352 369.9 369.9 352 392 352z'/></svg>");
}

/** Navigation Bar Styles (End) */

/** Category (Begin) */
.category {
    display: inline-flex;
    width: 80%;
    gap: 10px;
    margin-bottom: 20px;
    margin-left: 20px;
}

.category div {
    width: fit-content;
}

/** Category (End) */

.gallery-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    gap: 5px 10px;
}

.gallery-container .flex-item {
    width: 150px;
    height: 100px;
    overflow: hidden;
}

.gallery-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}