* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background-color: #083b6b; /* originalfarge #0000C0 */
            color: #ffffff;
            font-family: 'Kode Mono', monospace;
            font-weight: 450; /* Standard vekt */
            line-height: 1.6;
        }

        .container {
            max-width: 900px;
            margin: 0 auto;
            padding: 0rem;
        }

        .container-left {
            max-width: 900px;
            width: 100%;
            margin-left: 10;
            margin-right: auto;
            padding: 0rem;
        }

        header, main, footer {
            padding: 0.5rem 0;
        }
        img {
            max-width: 100%;
            height: auto;
            box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2)
        }

        /* Bilder uten skygge */
        .no-shadow {
            box-shadow: none !important;
        }

        figcaption {
            text-align: center;
            font-size: 0.9rem;
            color: #cccccc;
        }

        h1 {
            font-size: 2.5rem;
            margin-bottom: 1rem;
        }

        p {
            font-size: 1.1rem;
            margin-bottom: 1.5rem;
        }

        ul {
            padding-inline-start: 40px;
        }
        
        ol {
            padding-inline-start: 40px;
        }

        table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            border: 1px solid #ddd;
            padding: 12px;
            text-align: left;
        }   

        a {
            color: #FFD700; /* Lys gul farge */
            font-weight: 700;
            text-decoration: none;
            position: relative;
            transition: all 0.3s ease;
            padding-bottom: 2px; /* Gir plass til understreken */
        }

        a::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 0;
            height: 2px;
            background-color: #FFD700;
            transition: width 0.3s ease;
        }

        a:hover {
            font-weight: 700; /* Fete teksten ved hover */
            color: #FFD700;
        }

        a:hover::after {
            width: 100%; /* Animerer understreken fra venstre til høyre */
        }

        @media (max-width: 768px) {
            .container {
                padding: 1rem;
            }
            
            h1 {
                font-size: 2rem;
            }
            
            p {
                font-size: 1rem;
            }
        }
        
        .goog-te-banner-frame { 
            display: none !important; 
        }
        body { 
            position: static !important; 
            top: 0px !important; 
        }
        .goog-logo-link { 
            display: none !important; 
        }
        .goog-te-gadget { 
            color: transparent !important; 
        }
        .responsive-iframe {
            position: relative;
            width: 100%;
            max-width: 800px; /* Set max width to 800 pixels */
            margin-right: auto; /* Align to the left */
            height: 100%;
            box-sizing: border-box; /* Include padding and border in the element's total width and height */
        }
        .responsive-iframe iframe {
            width: 100%;
            height: 100%;
            max-height: 450px; /* Set max height to 450 pixels */
            box-sizing: border-box; /* Include padding and border in the element's total width and height */
        }

        /* Tving responsiv video opp til 800px og unngå at foreldre krymper den */
        .video-wrapper {
            display: block !important;
            width: 100% !important;
            max-width: 800px !important;     /* ønsket maksimum */
            margin: 1rem 0 !important;    /* senter når plass til 800px */
            box-sizing: border-box !important;
            aspect-ratio: 16 / 9 !important;
            min-width: 0 !important;         /* viktig for flex-foreldre */
            flex: 0 0 auto !important;       /* unngå at flex forelder krymper videoen */
            padding-top: 0 !important;       /* fjern padding-top fallback hvis aspekt-ratio brukes */
            position: relative !important;
            background: transparent !important;
        }

        .video-wrapper iframe {
            display: block !important;
            width: 100% !important;
            height: 100% !important;
            inset: 0 !important;
            border: 0 !important;
            max-height: none !important;
            transform: none !important;      /* unngå skalering */
        }

        /* For WebKit-based browsers (Chrome, Safari, Opera) */
        ::-webkit-scrollbar {
            width: 12px; /* Bredden på scrollbar'en */
        }

        ::-webkit-scrollbar-track {
            background: #083b6b; /* Bakgrunnsfargen til scrollbaren */
        }

        ::-webkit-scrollbar-thumb {
            background: white; /* Fargen på scrollbar-håndtaket */
            border-radius: 10px; /* Avrundede hjørner */
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #ddd; /* Farge når du holder musen over scrollbar-håndtaket */
        }

        /* For Firefox */
        * {
            scrollbar-width: thin; /* Bredden på scrollbar'en */
            scrollbar-color: white #083b6b; /* Farge på håndtaket og sporet */
        }