/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 3 Mar 2026, 22:46:20
    Author     : User
*/

@font-face {
    font-family: "PT Sans";
    src: url("../assets/googlefonts/PTSans-Regular.ttf") format("truetype");
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: "PT Sans Italic";
    src: url("../assets/googlefonts/PTSans-Italic.ttf") format("truetype");
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: "PT Sans Bold";
    src: url("../assets/googlefonts/PTSans-Bold.ttf") format("truetype");
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

root {
    display: block;
}

body {
    font-family: "PT Sans", Arial, sans-serif;
    margin: 0px auto;
    color: black;
}

table {
    border-collapse: collapse;
}

a, button {
    cursor: pointer;
}

a {
    color: black;
}

a, a:hover, a:visited, a:active {
    text-decoration: none;
}

/* Interactive elements that can benavigated using the keyboardshould be surrounded by a visualoutline whenever they arefocused. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
video:focus-visible {
    outline: 2px solid darkblue; /* Or any desired focus style */
    outline-offset: 2px;
}

a:focus,
button:focus,
input:focus,
textarea:focus {
    outline: 2px solid darkblue; /* Or any desired focus style */
    outline-offset: 2px;
}

header {
    padding: 20px 40px;
}

header img {
    width: 100px;
}

header div {
    font-size: 30px;
}

header i {
    font-size: 50px;
}

.gradient-bar {
    height: 50px;
    width: 100%;
    background: #404B3B;
    background: linear-gradient(90deg,rgba(64, 75, 59, 1) 0%, rgba(170, 205, 115, 1) 20%, rgba(64, 75, 59, 1) 50%, rgba(170, 205, 115, 1) 80%, rgba(64, 75, 59, 1) 100%);
}

.card-directory {
    max-width: 400px;
    margin-bottom: 15px;
    border: 1px solid rgba(64, 75, 59, 1);
}

.card img {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

.card-title {
    font-size: 30px;
}