/*
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 : 5 Jul 2026, 11:22:40
    Author     : Joanna Hofmańska
    Created for: JDE Services UK https://jdeservices.uk
*/

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-Regular.ttf") format("truetype");
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: "PoppinsSemiBold";
    src: url("../fonts/Poppins/Poppins-SemiBold.ttf") format("truetype");
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


@font-face {
    font-family: "PoppinsBold";
    src: url("../fonts/Poppins/Poppins-Bold.ttf") format("truetype");
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

:root {
    display: block;
    --logo-bg: #000000;
    --logo-bg-light: #fffcf7;
    --logo-darkblue: #336a90;
    --logo-lightblue: #497d95;
    --bs-primary: #336a90;
    --bs-primary-rgb: 51, 106, 144;
    --bs-primary-bg-subtle: #a0c2d9;
    --bs-link-color: #497d95;
    
}

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

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;
}

/*
 * Globals
 */

.top-menu {
    margin: 5px;
}

.top-menu a{
    font-size: 18px;
}

.front-text {
    font-size: 30px;
}

.home-banner {
  animation: 3s fadeIn;
}