/************************************************************ AFFILIATION ****
*                                                                            *
*    Raxxla.org                                                              *
*                                                                            *
****************************************************************** AUTHOR ****
*                                                                            *
*      Author:  Othon von Salza (Pseudonym of P.P.61)                        *
*      E-mail:  0thonvonsalz4@gmail.com                                      *
*                                                                            *
************************************************* PROPRIETARY INFORMATION ****
*                                                                            *
*    All  information  contained  herein is, and remains, the property of    *
*    Othon von Salza.  The intellectual and  technical concepts contained    *
*    herein are proprietary to Othon von Salza and are protected by trade    *
*    secret or copyright law. Dissemination of this information or repro-    *
*    duction of this material is strictly forbidden  unless prior written    *
*    permission is obtained from Othon von Salza.                            *
*                                                                            *
*    No part  of this source code  may be reproduced,  copied,  modified,    *
*    applied or adapted without prior written consent of Othon von Salza.    *
*    Commercial use  and  distribution of the source code  is not allowed    *
*    without express and prior written consent of Othon von Salza.           *
*                                                                            *
************************************************************** DISCLAIMER ****
*                                                                            *
*    THIS CODE AND INFORMATION ARE PROVIDED  "AS IS"  WITHOUT WARRANTY OF    *
*    ANY KIND, EITHER  EXPRESSED OR IMPLIED, INCLUDING BUT NOT LIMITED TO    *
*    THE IMPLIED WARRANTIES  OF MERCHANTABILITY  AND / OR  FITNESS  FOR A    *
*    PARTICULAR PURPOSE.                                                     *
*                                                                            *
******************************************************** COPYRIGHT NOTICE ****
*                                                                            *
*    Copyright (c) Othon von Salza - 2020-2025 - All Rights Reserved         *
*                                                                            *
*****************************************************************************/

body {
        background: #000000;
        font-family: courier;
}
div.mainPage {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: 0px;
        background: #000000;
        overflow-y: hidden;
        overflow-x: hidden;
}
div.icon {
        position:absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        width: 38vw;
        height: 38vw;
        margin: auto;
}
img.logoicon {
        width: 100%;
        height: 100%;
        opacity: 1.0;
}
div.overlay {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: 0px;
        background: #00000000;
        overflow-y: auto;
        overflow-x: hidden;
}
div.title {
        position: relative;        
        margin: 20px;
        max-width: 400px;
        width: calc(100vw-40px);
        padding: 8px;
        text-align: center;
        font-size: clamp(24px,3.2vw,36px);
        line-height: 1.2;
        font-weight: normal;
        color: #FF6000;
        border-width: 2px;
        border-color: #FF6000;
        border-style: solid;
        border-radius: 8px;
        background: #000000D0;
}
div.subtitle {
        position: relative;
        margin: 16px 20px;
        max-width: 400px;
        width: calc(100vw-40px);
        padding: 8px;
        text-align: center;
        font-size: clamp(18px,2.4vw,28px);
        line-height: 1.2;
        font-weight: normal;
        color: #FF6000;
        border-width: 2px;
        border-color: #FF6000;
        border-style: solid;
        border-radius: 8px;
        background: #000000D0;
}
div.textbox {
        position: relative;
        margin: 12px 20px;
        padding: 8px;
        border-width: 2px;
        border-color: #FF6000;
        border-style: solid;
        border-radius: 8px;
        background: #000000D0;
}
div.paragraph {
        position: relative;
        width: calc(100%-16px);
        padding: 8px;
        text-align: justify;
        font-size: clamp(14px,1.6vw,20px);
        line-height: 1.2;
        font-weight: normal;
        color: #FF6000;
}
div.link {
        position: relative;
        width: calc(100%-64px);
        padding: 8px 32px;
}
a.link {
        text-align: left;
        font-size: clamp(14px,1.6vw,20px);
        line-height: 1.2;
        font-weight: normal;
        color: #FF6000;
        word-break: break-word;
}
div.buttons {
        position: relative;
        display: flex;
        justify-content: flex-end;
        gap: clamp(8px,1vw,16px);
        margin: 12px 20px;
}
div.button {
        position: relative;
        width: 20vw;
        max-width: 300px;
        padding: 8px;
        text-align: center;
        font-family: arial;
        font-size: clamp(16px,2.4vw,28px);
        line-height: 1.2;
        font-weight: bold;
        color: #000000;
        border-width: 2px;
        border-color: #000000;
        border-style: solid;
        border-radius: 8px;
        background: #FF6000;
        cursor: pointer;
}
div.button:hover {
        color: #FF6000;
        border-color: #FF6000;
        background: #000000B0;
}