body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 120%;
    font-weight: lighter; 
    margin: 0px;
    padding: 0px;
    min-height: 100%;
    margin-bottom: 50px;
    }
    
    html {
        background-color: rgb(0, 75, 57);
    }
    
    .language-changer{
        position:absolute;
        top: 3%;
        left: 15%;
        width: 200px;
        height: 140px;
        background-color: rgba(255,255,255 0.1);

    }

    .language-changer>div {
        top: 0%;
        left: 0%;
        
    }


    .language-changer img{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 200px;
        height: 140px;
    }

    .theme-side {
        padding-top: 50px;
        padding-bottom: 50px;
        color: whitesmoke;
        text-align: center;
    }
    
    h1 {
        font-size: 350%;
        font-weight: bold;
        margin: 0%;
    }
    
    h2{
        font-size: 175%;
        color: whitesmoke;
        text-align: center;
        margin: 0%;
    }
    
    h3 {
        font-size: 150%;
        color: #C39F11;   
        font-weight: lighter;
        margin: 10px;
    }
    
    main {
        width: 70%;
        margin-left: 15%;
    }
    
    p {
        font-size: 125%;
        color: whitesmoke;
        line-height: 150%;
    }
    
    
/*#region backgroundimages*/
    .back1{
        width: 100px;
        position:absolute;
        left: 90%;
        top: 40px;
        }
    
    .back2{
        width: 150px;
        position:absolute;
        left: 30%;
        top: 100px;
    }
    
    .back3{
        width: 150px;
        position:absolute;
        left: 65%;
        top: 80px;
        transform: rotate(-15deg);
    }
    
    .back4{
        width: 200px;
        position:absolute;
        left: 4%;
        top: 70px;
        transform: rotate(-30deg);
    }
    
    .back5 {
        width: 200px;
        position:absolute;
        left: 5%;
        top: 500px;
        transform: rotate(10deg);
    }
    
    .back6 {
        width: 200px;
        position:absolute;
        left: 85%;
        top: 500px;
        transform: rotate(10deg);
    }

    .back7 {
        width: 200px;
        position:absolute;
        left: 85%;
        top: 1000px;
        transform: rotate(30deg);
    }

    .back8 {
        width: 200px;
        position:absolute;
        left: 9%;
        top: 1000px;
        transform: rotate(-30deg);
    }

    .back9 {
        width: 200px;
        position:absolute;
        left: 5%;
        top: 1300px;
        transform: rotate(-30deg);
    }

    .back10 {
        width: 200px;
        position:absolute;
        left: 88%;
        top: 1500px;
        transform: rotate(-10deg);
    }

    .back11 {
        width: 200px;
        position:absolute;
        left: 3%;
        top: 1700px;
        transform: rotate(180deg);
    }

    .back12 {
        width: 200px;
        position:absolute;
        left: 83%;
        top: 1900px;
        transform: rotate(40deg);
    }

    .back13 {
        width: 200px;
        position:absolute;
        left: 7%;
        top: 2050px;
        transform: rotate(70deg);
    }

    .back14 {
        width: 200px;
        position:absolute;
        left: 90%;
        top: 2200px;
        transform: rotate(0deg);
    }

    .back15 {
        width: 200px;
        position:absolute;
        left: 5%;
        top: 2500px;
        transform: rotate(0deg);
    }
    
    .back16 {
        width: 300px;
        position:absolute;
        left: 5%;
        top: 3300px;
        transform: rotate(-20deg);
    }

    .back17 {
        width: 200px;
        position:absolute;
        left: 85%;
        top: 2500px;
        transform: rotate(0deg);
    }

    .back18 {
        width: 200px;
        position:absolute;
        left: 82%;
        top: 2900px;
        transform: rotate(-20deg);
    }

    .back19 {
        width: 200px;
        position:absolute;
        left: 8%;
        top: 2900px;
        transform: rotate(10deg);
    }

    .back20 {
        width: 200px;
        position:absolute;
        left: 88%;
        top: 3300px;
        transform: rotate(20deg);
    }

    .back21 {
        width: 150px;
        position:absolute;
        left: 67%;
        top: 170px;
        transform: rotate(-35deg);
    }

    .back22 {
        width: 200px;
        position:absolute;
        left: 65%;
        top: 880px;
        transform: rotate(10deg);
    }
    
/*#endregion*/


    a{
        color: aquamarine;
    }
    
    a:visited{
        color: palevioletred;
    }
    
    .images{
           margin-top: 100px;
    }
    

    .images a>img {
        width: 40%;
        border: 1px ;
        border-style: solid;
        border-color:#C39F11;
    }

    .images div a{
        margin-left: 6%;
        margin-bottom: 50px;
    }

    .images div {
        margin-bottom: 6%;

    }

 .background img {
    opacity: 0.5;
 }
ul {
    list-style: none;
}

 ul li::before{
    color: white;
    content: "\2022";
    font-weight: bold;
    display: inline-block;
    width: 1rem;
    margin-left:  - 1 rem;
 }

 footer{
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 50px;
 }

 pre{
    color: white;
 }