.container {
    text-align: left;   
    display: flex;
    flex-direction: column;
    min-height: max-content;
}

body {
    background-color: #160f0f; /* Dark color of your choice */
    background-image: url("background.png");
    min-width: 90vw;
}

#header1 {
    display: block;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    min-height: 795vh;
    min-width: 90vw;
    color: #fff; /* Change the text color in the header */
    border-radius: 5%;
}

img {
    border: rgb(26, 63, 83);
    border-radius: 10%;
    border-style: outset;
    width: 60vw;
    height: 70vh;
}

.img10 {
    position: absolute;
    height: 99.5vh;
    width: 98.5vw;
    border: none;
    border-radius: 0%;
    top: 0;
}

.img2 {
    border: rgb(26, 63, 83);
    border-radius: 10%;
    border-style: outset;
    width: 20vw;
    height: 42vh;
}

.img3 {
    border: rgb(26, 63, 83);
    border-radius: 10%;
    border-style: outset;
    width: 23vw;
    height: 44vh;
}

input[type="text"],
input[type="password"] {
    margin: 10px 0;
    padding: 8px;
    width: 15vw;
    height: 3vh;
    font-size: calc(0.1rem + 1vw);
    font-weight: bold;
    align-items: center;
    background-color: rgb(39, 81, 95, 0.4);
    color: rgb(212, 225, 228);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.loginn, .signin {
    text-align: center;
}

#login-message,
#signup-message {
    margin-top: 10px;
    padding: 10px;
    background-color: #d4edda;
    color: #153d57;
    border: 1px solid #c3e6cb;
    border-radius: 3%;
    display: none;
}

::placeholder {
    color: rgb(108, 155, 185);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: calc(0.1rem + 0.8vw);
}

button {
    background-color: rgb(165, 161, 161, 0.6);
    color: lightgoldenrodyellow;
    border-radius: 7%;
    cursor: pointer;
    width: 10vw;
    height: 3.5vh;
    font-size: calc(0.1rem + 0.8vw);
    font-weight: 600;
}

#account {
    background: #151a1b;
    height: 25vh;
    width: 32vw;
    border-radius: 3%;
    border-style: outset;
    z-index: 1;
    text-align: center;
}

#chat {
    width: 80vw; /* Full viewport width */
    margin: 0 auto;
    border: 1px solid #ccc;
    padding: 10px;
    overflow-y: scroll;
    background: #3d3535;
    border-radius: 2%;
    border-style: double;
}

#chat div {
    width: 40vw; /* Half of the chat box's width */
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 4%;
}

.message-right {
    text-align: right;
    margin-left: auto;
    background: sienna;
    height: max-content;
}

.message-left {
    text-align: left;
    background: lightgray;
    height: max-content;
}

.forum {
    background: url("icons/sticker1.jpeg");
    border-radius: 5%;
    border-style: inset;
    font-size: calc(0.1rem + 0.9vw);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.consultation {
    background: url("icons/tomcblacklist.jpeg");
    border: 1%;
    border-style: inset;
    border-top-style: dotted;
    border-width: 0.3rem;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: calc(0.1rem + 1vw);
    background: rgb(139, 129, 129);
}

#personal-chat {
    width: 80vw;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 5px;
    height: 50vh;
    top: 1vw;
}

#personal-chat div {
    width: 40vw;
    margin-bottom: 2vh;
    padding: 5px;
    border-radius: 5px;
    background: rgb(125, 150, 179);
    color: rgb(18, 32, 32);
    font-weight: 600;
}

.personal-message-right {
    text-align: right;
    margin-left: auto;
    margin-right: -3vw;
    height: max-content;
}

.personal-message-left {
    text-align: left;
    margin-left: 0;
    margin-right: auto;
    height: max-content;
}

.consult-menu {
    display: block;
    position: absolute; /* Position it fixed on the screen */
    top: 0vh;
    margin-left: 0vw;
    width: 13vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 1);
    background-image: url("icons/batman.jpeg");
    z-index: 1;
    color: greenyellow;
    font-size: 17px;
}

.installgame-button {
    background-color: #000000;
    color: #fff;
    width: 10vw;
    height: 4vh;
    position: absolute;
    text-align: center;
    margin-left: 5vw;
}

#requestgame-button {
    background-color: rgb(4, 131, 4, 0.4);
    color: snow;
    border: none;
    cursor: pointer;
    width: 8vw;
    height: 4vh;
    font-size: calc(0.5rem + 1 vw);
}

.mpesa {
    position: absolute;
    left: -3vw;
    background-color: rgb(211, 211, 211, 0.75);
    font-weight: 800;
    color: rgb(4, 14, 14);
    border: none;
    cursor: pointer;
    width: 20vw;
    height: 3.5vh;
    font-size: calc(0.4rem + 0.6vw);
}

.paypal {
    position: absolute;
    left: -3vw;
    background-color: rgb(211, 211, 211, 0.75);
    font-weight: 800;
    color: rgb(4, 14, 14);
    border: none;
    cursor: pointer;
    width: 20vw;
    height: 3.5vh;
    font-size: calc(0.4rem + 0.6vw);
}

.getgame-button2 {
    position: absolute;
    left: -3vw;
    background-color: rgb(211, 211, 211, 0.75);
    font-weight: 800;
    color: rgb(4, 14, 14);
    border: none;
    cursor: pointer;
    width: 20vw;
    height: 3.5vh;
    font-size: calc(0.4rem + 0.6vw);
}

.go-back, .go-back2, .go-back3, .go-back4, .go-back5, 
.go-back6, .go-back7, .go-back8, .go-back9, .go-back10, 
.go-back11, .go-back12, .go-back13, .go-back14, .go-back15,
.go-back16, .go-back17, .go-back18, .go-back19, .go-back20, 
.go-back21 {
    position: absolute;
    background-color: rgb(211, 211, 211, 0.75);
    font-weight: 800;
    color: rgb(4, 14, 14);
    border: none;
    cursor: pointer;
    width: 25vw;
    height: 4.2vh;
    margin-left: 0vw;
    font-size: calc(0.1rem + 1vw);
}

.get-gta5, .get-gta4, .get-gta3, .get-gta3de, .get-gtasn, .get-gtasnde, .get-gtavc {
    position: absolute;
    background-color: rgb(3, 44, 12);
    color: rgb(255, 255, 255);
    font-weight: 800;
    cursor: pointer;
    height: 4.5vh;
    border: rgb(0, 0, 0);
    border-style: groove;
    border-radius: 10%;
    font-size: calc(0.1rem + 0.9vw);
}

.get-arkham1, .get-arkham2, .get-arkham3, 
.get-arkham4, .get-arkham5, .get-arkham6 {
    position: absolute;
    background-color: rgb(3, 44, 12);
    color: rgb(255, 255, 255);
    font-weight: 800;
    cursor: pointer;
    width: 14vw;
    height: 4.5vh;
    border: rgb(0, 0, 0);
    border-style: groove;
    border-radius: 10%;
    font-size: calc(0.2rem + 0.7vw);
}

.get-creed1, .get-creed2, .get-creed3, .get-creed4, .get-creed5, 
.get-creed6, .get-creed7, .get-creed8, .get-creed9, .get-creed10, 
.get-creed11, .get-creed12, .get-creed13, .get-creed14 {
    position: absolute;
    background-color: rgba(8, 4, 4, 0.75);
    font-weight: 800;
    color: darkcyan;
    cursor: pointer;
    height: 4.5vh;
    border: rgb(0, 0, 0);
    border-style: groove;
    border-radius: 10%;
    font-size: calc(0.2rem + 0.7vw);
}

.get-uncharted1, .get-uncharted2, .get-uncharted3, .get-uncharted4, .get-uncharted5 {
    position: absolute;
    background-color: rgb(3, 44, 12);
    color: rgb(255, 255, 255);
    font-weight: 800;
    cursor: pointer;
    height: 5vh;
    border: rgb(0, 0, 0);
    border-style: groove;
    border-radius: 10%;
    font-size: calc(0.2rem + 0.7vw);
}

.get-godofwar1, .get-godofwar2, .get-godofwar3, .get-godofwar4, .get-godofwar5, .get-godofwar6 {
    position: absolute;
    background-color: rgba(8, 4, 4, 0.75);
    font-weight: 800;
    color: darkcyan;
    cursor: pointer;
    width: 13vw;
    height: 5vh;
    border: rgb(0, 0, 0);
    border-style: groove;
    border-radius: 10%;
    font-size: calc(0.2rem + 0.7vw);
}

.get-elder1, .get-elder2, .get-elder3, .get-elder4 {
    position: absolute;
    background-color: rgb(3, 44, 12);
    color: rgb(255, 255, 255);
    font-weight: 800;
    cursor: pointer;
    width: 13vw;
    height: 6vh;
    border: rgb(0, 0, 0);
    border-style: groove;
    border-radius: 10%;
    font-size: calc(0.2rem + 0.8vw);
}

.get-watchdogs1, .get-watchdogs2, .get-watchdogs3 {
    position: absolute;
    background-color: rgba(8, 4, 4, 0.75);
    font-weight: 800;
    color: darkcyan;
    cursor: pointer;
    width: 13vw;
    height: 6vh;
    border: rgb(0, 0, 0);
    border-style: groove;
    border-radius: 10%;
    font-size: calc(0.2rem + 0.8vw);
}

.get-injustice1, .get-injustice2 {
    position: absolute;
    background-color: rgb(3, 44, 12);
    color: rgb(255, 255, 255);
    font-weight: 800;
    cursor: pointer;
    width: 14vw;
    height: 6vh;
    border: rgb(0, 0, 0);
    border-style: groove;
    border-radius: 10%;
    font-size: calc(0.2rem + 0.8vw);
}

.get-tekken1, .get-tekken2, .get-tekken3, .get-tekken4, .get-tekken5, .get-tekken6 {
    position: absolute;
    background-color: rgba(8, 4, 4, 0.75);
    font-weight: 800;
    color: darkcyan;
    cursor: pointer;
    width: 14vw;
    height: 5vh;
    border: rgb(0, 0, 0);
    border-style: groove;
    border-radius: 10%;
    font-size: calc(0.2rem + 0.8vw);
}

.get-mk1, .get-mk2, .get-mk3, .get-mk4, .get-mk5, .get-mk6 {
    position: absolute;
    background-color: rgb(3, 44, 12);
    color: rgb(255, 255, 255);
    font-weight: 800;
    cursor: pointer;
    width: 15vw;
    height: 5vh;
    border: rgb(0, 0, 0);
    border-style: groove;
    border-radius: 10%;
    font-size: calc(0.2rem + 0.8vw);
}

.get-mw4, .get-mw3, .get-mw2, .get-mwr, .get-ww2, .get-ww, .get-wwz, .get-cod2, .get-cod1,
.get-bo3, .get-bo2, .get-bo1 {
    position: absolute;
    background-color: rgba(8, 4, 4, 0.75);
    font-weight: 800;
    color: darkcyan;
    cursor: pointer;
    width: 14vw;
    height: 5vh;
    border: rgb(0, 0, 0);
    border-style: groove;
    border-radius: 10%;
    font-size: calc(0.2rem + 0.7vw);
}

.get-ds {
    position: absolute;
    background-color: rgba(8, 4, 4, 0.75);
    font-weight: 800;
    color: darkcyan;
    cursor: pointer;
    width: 17vw;
    height: 8vh;
    border: rgb(0, 0, 0);
    border-style: inset;
    border-radius: 10%;
    font-size: calc(0.2rem + 0.7vw);
}

.get-sc1, .get-cm2006, .get-fo2007, .get-ob2005, .get-ba2013, .get-cc2009, .get-eg2009 {
    position: absolute;
    background-color: rgb(3, 44, 12);
    color: rgb(255, 255, 255);
    font-weight: 800;
    cursor: pointer;
    width: 14vw;
    height: 5vh;
    border: rgb(0, 0, 0);
    border-style: groove;
    border-radius: 10%;
    font-size: calc(0.2rem + 0.7vw);
}

.get-fc5, .get-fc4, .get-fc3, .get-fc2, .get-fc1, .get-fcnewdawn, .get-fcprimal {
    position: absolute;
    background-color: rgb(3, 44, 12);
    color: rgb(255, 255, 255);
    font-weight: 800;
    cursor: pointer;
    width: 14vw;
    height: 5vh;
    border: rgb(0, 0, 0);
    border-style: groove;
    border-radius: 10%;
    font-size: calc(0.2rem + 0.7vw);
}

.get-nfsmw, .get-nfsmw2012, .get-nfshp, .get-nfstr, .get-nfsug2, .get-nfsc, .get-nfsnl, .get-nfsuc,
.get-nfs-s, .get-nfsr, .get-nfsh, .get-nfsub, .get-nfspb {
    position: absolute;
    background-color: rgba(8, 4, 4, 0.75);
    font-weight: 800;
    color: darkcyan;
    cursor: pointer;
    width: 10vw;
    height: 5vh;
    border: rgb(0, 0, 0);
    border-style: inset;
    border-radius: 10%;
    font-size: calc(0.2rem + 0.7vw);
}

.get-fz5, .get-fz4, .get-fz3, .get-fz2, .get-fz1 {
    position: absolute;
    background-color: rgba(8, 4, 4, 0.75);
    font-weight: 800;
    color: darkcyan;
    cursor: pointer;
    width: 16vw;
    height: 5vh;
    border: rgb(0, 0, 0);
    border-style: groove;
    border-radius: 10%;
    font-size: calc(0.2rem + 0.7vw);
}

.get-rr, .get-blur {
    position: absolute;
    background-color: rgb(3, 44, 12);
    color: rgb(255, 255, 255);
    font-weight: 800;
    cursor: pointer;
    width: 16vw;
    height: 7vh;
    border: rgb(0, 0, 0);
    border-style: inset;
    border-radius: 10%;
    font-size: calc(0.2rem + 0.7vw);
}

.get-f112, .get-f113, .get-f114, .get-f115, .get-f116, .get-f117, .get-f118,
.get-f119, .get-f120, .get-f121, .get-f122, .get-f123 {
    position: absolute;
    background-color: rgb(3, 44, 12);
    color: rgb(255, 255, 255);
    font-weight: 800;
    cursor: pointer;
    width: 16vw;
    height: 5vh;
    border: rgb(0, 0, 0);
    border-style: inset;
    border-radius: 10%;
    font-size: calc(0.2rem + 0.7vw);
}

.get-ff14, .get-ff15, .get-ff16, .get-ff17, .get-ff18, .get-ff19, .get-ff20, .get-ff21, .get-ff22, .get-ff23 {
    position: absolute;
    background-color: rgba(8, 4, 4, 0.75);
    font-weight: 800;
    color: darkcyan;
    border: none;
    cursor: pointer;
    height: 4vh;
    border: rgb(0, 0, 0);
    border-style: groove;
    border-radius: 10%;
    font-size: calc(0.2rem + 0.8vw);
}

.get-red1, .get-red2 {
    position: absolute;
    background-color: rgba(8, 4, 4, 0.75);
    font-weight: 800;
    color: darkcyan;
    cursor: pointer;
    width: 18vw;
    height: 5vh;
    border: rgb(0, 0, 0);
    border-style: groove;
    border-radius: 10%;
    font-size: calc(0.2rem + 0.7vw);
}

.moreinfo-button1 {
    position: absolute; 
    width: 8vw; 
    height: 4vh;
    font-size: calc(0.1rem + 0.8vw);
    font-weight: 800;
    margin-left: 0vw;
}

.moreinfo-button2 {
    position: absolute;
    width: 8vw; 
    height: 4vh;
    font-size: calc(0.1rem + 0.8vw);
    font-weight: 800;
    margin-left: 8.5vw;
}

.moreinfo-button3 {
    position: absolute;
    width: 8vw; 
    height: 4vh;
    font-size: calc(0.1rem + 0.8vw);
    font-weight: 800;
    margin-left: 17vw;
}

.top-bar {
    align-items: center;
    position: absolute;
    text-align: center;
    background-image: image-set(url("icons/batman.jfif"));
    border: thistle;
    border-style: groove;
    border-radius: 15%;
    width: 36vw;
    margin-top: 1vh;
    height: 11vh;
    margin-left: 25vw;
}

h1 {
    text-align: center;
    align-items: center;
    font-size: calc(0.4rem + 1vw);
    color: goldenrod;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    background-color: rgb(0, 0, 0, 0.6);
    border-radius: 5%;
}

h2 {
    font-size: calc(0.2rem + 1vw);
}

h3 {
    position: absolute;
    text-align: center;
    color: rgb(146, 196, 216);
    font-size: calc(0.4rem + 1vw);
    font-family: fantasy;
    width: 30vw;
    font-weight: 700;
    font-feature-settings: "afrc";
}

h6 {
    position: absolute;
    font-size: calc(0.3rem + 0.5vw);
    color: #3d9149;
    font-weight: 300;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.main-page {
    position: absolute;
    font-size: calc(0.2rem + 0.9vw);
    left: 17.5vw;
    color: lightyellow;
    font-style: unset;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: 100;
    width: 26vw;
    border: chartreuse;
    border-radius: 5%;
    background-color: rgb(10, 17, 17);
    background: rgba(64, 65, 65, 0.8);
}

.description {
    position: absolute;
    font-size: calc(0.1rem + 1vw);
    color: lightyellow;
    font-style: unset;
    font-weight: 100;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    border: chartreuse;
    border-radius: 5%;
    background-color: rgb(10, 17, 17);
    background: rgba(64, 65, 65, 0.8);
    width: 26vw;
    left: 17.5vw;
}

.features {
    position: absolute;
    font-size: calc(0.1rem + 1vw);
    color: lightyellow;
    font-style: unset;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: 100;
    border: chartreuse;
    border-radius: 5%;
    background-color: rgb(10, 17, 17);
    background: rgba(64, 65, 65, 0.8);
    width: 26vw;
    left: 17.5vw;
}

.gta-mpesa {
    position: absolute;
    font-size: 15px;
    left: 18vw;
    color: rgb(7, 23, 44);
    font-family: fantasy;
    font-weight: 500;
    width: 25vw;
    border: chartreuse;
    border-radius: 5%;
    background-color: rgb(46, 87, 41);
    background: rgba(53, 99, 78, 1);
}

.gta-paypal {
    position: absolute;
    font-size: 15px;
    left: 18vw;
    color: rgb(224, 224, 224);
    font-family: fantasy;
    font-weight: 500;
    width: 25vw;
    border: chartreuse;
    border-radius: 5%;
    background: rgb(14, 69, 121);
}

.price-details {
    position: absolute;
    font-size: calc(0.1rem + 1vw);
    color: #3d9149;
    font-weight: 200;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    width: 20vw;
    height: 20vh;
    background: #0c141b;
    padding: 0.2vw;
    border-radius: 3%;
}

.allgames-buttons {
    position: absolute;
    color: lightyellow;
    font-style: unset;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: 300;
}

#home-button {
    background-color: #007bff;
    width: 10vw;
    height: 5vh;
    position: fixed;
    right: 1vw;
    bottom: 1vh;
}

#logout-button {
    background-color: rgba(8, 8, 131, 0.8);
    color: #fff;
    padding: 2px 5px;
    border-radius: 5%;
    position: fixed;
    bottom: 1vh;
    right: 1vw;
    width: 8vw;
    height: 5vh;
}

.game-type {
    position: absolute;
    font-style: italic;
    font-weight: 400;
    font-family: fantasy;
    color: tomato;
    font-size: calc(0.1rem + 1vw);
}

.games-list {
    font-family: serif;
    font-style: italic;
    font-size: calc(0.1rem + 1vw);
    align-items: center;
}

.column1, .column11, .column12, .column13 {
    display: block;
    position: absolute; 
    margin-left: 3vw;
    font-weight: 300;
    width: 14vw;
    height: 3.5vh;
    font-size: calc(0.2rem + 1vw);
    color: rgb(25, 107, 231);
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5%;
    border-style: double;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.column2, .column21, .column22, .column23 {
    display: block;
    position: absolute; 
    margin-left: 18.5vw; 
    font-weight: 300;
    width: 14vw;
    height: 3.5vh;
    font-size: calc(0.2rem + 1vw);
    color: rgb(25, 107, 231);
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5%;
    border-style: double;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.column3, .column31, .column32, .column33 {
    display: block;
    position: absolute; 
    margin-left: 34vw; 
    font-weight: 300;
    width: 14vw;
    height: 3.5vh;
    font-size: calc(0.2rem + 1vw);
    color: rgb(25, 107, 231);
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5%;
    border-style: double;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.column4, .column41, .column42, .column43 {
    display: block;
    position: absolute; 
    margin-left: 50vw; 
    font-weight: 300;
    width: 14vw;
    height: 3.5vh;
    font-size: calc(0.2rem + 1vw);
    color: rgb(25, 107, 231);
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5%;
    border-style: double;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.column5, .column51, .column52, .column53 {
    display: block;
    position: absolute; 
    margin-left: 66vw; 
    font-weight: 300;
    width: 14vw;
    height: 3.5vh;
    font-size: calc(0.2rem + 1vw);
    color: rgb(25, 107, 231);
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5%;
    border-style: double;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.column6, .column61,.column62 {
    display: block;
    position: absolute; 
    margin-left: 82vw; 
    font-weight: 300;
    width: 14vw;
    height: 3.5vh;
    font-size: calc(0.2rem + 1vw);
    color: rgb(25, 107, 231);
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5%;
    border-style: double;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.menu-button {
    font-size: calc(1rem + 1vw);
    left: 3vw;
    position: absolute;
    top: 0.5vh;
    background: transparent;
    width: 2vw;
}

.nav-menu {
    display: none;
    position: absolute;
    top: 0vh;
    margin-left: -1vw;
    width: 15vw;
    height: 95vh;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 1;
    border-radius: 3%;
    border-style: hidden;
    color: #9db62e;
    text-align: center;
}

.nav-menu a {
    display: block;
    color: rgb(34, 140, 189);
    padding: 10px;
    font-size: calc(0.1rem + 1vw);
    text-align: left;
    font-weight: bolder;
}

.nav-menu.visible {
    display: block;
}

.x-btn, .x-btn2, .x-btn3, .x-btn4 {
    position: absolute;
    top: 0;
    right: 1vw;
    font-size: calc(1rem + 1.5vw);
    cursor: pointer;
    font-weight: bolder;
}

.free-game {
    background-image: url("icons/sticker3.jpg");
    color: #9db62e;
    font-weight: bolder;
    font-style: italic;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    border-radius: 10%;
    height: 12vh;
    width: 7vw;
    font-size: calc(0.2rem + 0.8vw);
}

.issues-fixes {
    position: absolute;
    border-radius: 3%;
    border-style: inset;
    border-right-style: none;
    border-bottom-style: none;
    color: beige;
    font-size: calc(0.1rem + 1vw);
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.links {
    color: rgb(29, 117, 21);
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: calc(0.3rem + 1vw);
    margin-left: 5vw;
}

.menu {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: calc(0.1rem + 0.8vw);
    background: rgb(26, 23, 23);
}