.home{
    top: var(--header-height);
    height: calc(100vh - var(--header-height));
    position: relative;

    margin-bottom: var(--header-height);
}

.home-img{
    width: 100%;
    height: 100%;
    filter: blur(20px);
    background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAA8KCw0LCQ8NDA0REA8SFyYYFxUVFy4hIxsmNzA5ODYwNTQ8RFZJPEBSQTQ1S2ZMUllcYWJhOkhqcmlecVZfYV3/2wBDARARERcUFywYGCxdPjU+XV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV3/wAARCAB9AGQDASIAAhEBAxEB/8QAGwAAAwEBAQEBAAAAAAAAAAAAAAECAwQFBgf/xAAsEAACAgEDAwMDAwUAAAAAAAAAAQIDEQQhMRJBUQUTYQYigQcycSNSgrHB/8QAGAEAAwEBAAAAAAAAAAAAAAAAAAIEAQP/xAAhEQADAQADAQACAwEAAAAAAAAAAQIRAxIhMQRBEyIyUf/aAAwDAQACEQMRAD8A/PuvD2RXPfLFGDlLwjZ+3COIZlJ8tnSU39FbwzWSsP8AAJF9seBkjHTQkgwe39M/Td31DfbGF0aK6UnOTWXvxhfg9jW/p5rKpWLS6qFzjHqgpQcXPys8JhgyrT4vAYNbKpVWShZFxlFtST5TRGAwN0nA8DwAYAIYYHgYwnAFAAHM+dmVBpjSr9ttWRz/AGtNBBxeOmLWOXnk5oZrC+nK5aKhFrltv5Gi4xbTa7HVL9nH1+I6vTvUNX6bqPe0V86bMYbj3Xhruey/rj1uyCjHUVRbX7lUss8Cx6eNGYzk7O6exnVhtbySb3WdmxmluCzvVs0s922yU55nOTcpSb5b7krT2SfCX5Olxko/04Oc3soruawquholqpul1raSU9089vJ16L9nLtedkci0VjWziY2VTqeLIuP/AE9PV2Toqh7MU5zezZprva0+ojpp6mjUxkkpKD+6Mu+e3ItTCfXfTY5OVz3zUeKNGuop9m1xTzF8Mzwc2mnhRNKlqFgBgYaYKCNIpIWMDQiGpMuMZSeIrcXXKFjhHGy+5vydGhnGN/38M29Qqqw7Kvtk1h7cjtbOlfF+Onx/yS/UeZZdJSa4f8CrtfWpTbwmZze+5VbS7ZfZdjkqekt5p69CWoraeU08Np4aMo6Wqeohp4xtvde2I4SXfdm/pNUlVOcuZMVmi1lGqVulnJwy3iMulrPJXXbomlpBNpU47Yd8FVqqnHDzCWHF7Sg1/o896GqKnqq677aoSalZzFP5Zv6bp9RRK67Uy+6zs3l88s5LpT09c6pdcq3Lqi4t4/KDkb6qnPpv4sS7cO8RhqreuXUtyepPsYuTcd+WzZrEIfKOXZ09KVKlYhALIAGmMHJrMexSmnzsznTaeUy3Z1LfknTKeya9N8vswlbNrDeUYxng1rmm8MZPQTa/yRGqVj2WPlnbptFBNObyZRn0yw+UdFdxRxzK9Iuarfnw9KqShFJdjT3cHnxu+Svd+SpUQPj9N7bduTg1Fmcl2WHJbPJyuijijDGW8jazlLwjGO80aTeZMnX7LK8QAIDdOZyAAyUpENPABgAOmb6qq7P8X+AjIml9Wnsj4xJEp4Oqobkncf8A06YWGnubHKpFKR2VklcZrOZhOQORlJ5FqtGicNKv3N+Cskw2h/IxV8GopMCQG0TDAMDHgnLMJwGCgAMNNNtZjtJNEvYUX0zTXZml6xNjL4M1/UyyPqIYjdJ2i3IS3ZJUOQ3QSNG+EMhPMmyhkIx5AQBpmEAAHIrAaAMGgJmtr6oxflGT4K6s1peARqf1GTENiMOLGis4iJITeWb8MLgUTEY6EGAgAwQABzKhghDNAHwyM7FCiuTBWQNIvCE9lsbgmCbxsSgGjDC1wAgHEGAgAD//2Q==");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    margin-bottom: var(--header-height);
    

    /*opacity: 0;
    animation: fadeInAnimation ease 0.75s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;*/
}

.hometxt{
    position: absolute;
    top: 45%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    align-content: center;
    margin-left: 10vw;
    width: 5vw;
    font-size: min(8vh, 60px); ;
    font-weight: 700;
    text-transform: uppercase;
    line-height: .99em;
    letter-spacing: -.8px;

    opacity: 0;
    animation: fadeInAnimation ease 5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

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


@keyframes unblur {
    0% {
        filter: blur(20px);
    }
    100% {
        filter: blur(0px);
     }
}

.headline{
    /*color: rgb(91,229,146);*/
    font-size: xx-large;
    text-align: center;
}

.txtcontent{
    margin: 0;
    padding: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    color: darkgray;
    font-size: large;
    align-content: center;
    justify-content: center;
    padding-left: 10px;
}

.section-image-left{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;

    position: relative;
}

.section-image-left > div{
    padding: 30px;
    min-width: 300px;
    width: 100%;
    align-content: center;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    flex-wrap: wrap;
    flex-basis: 40%;
}

.section-image-left > div > div{
    flex-basis: 100%;
    justify-content: center;
    align-items: center;
    align-self: center;
    /*margin-left: 50px;*/
}

.section-image-left > .img{
    background-image: url("/assets/images/professional-dev.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    position: absolute;

    height: 100%;
    width: 50%;
    padding: 0%;
    min-width: 325px;
    flex-grow: 1;
    margin: 0;
    padding: 0;
}

.section-image-left-headline{
    padding: 30px;
    font-size: 30px;
    text-transform: uppercase;
    line-height: .99em;
    letter-spacing: -.8px;
    font-weight: 700;
    padding-left: 10px;
    padding-top: 50px;
}

.section-image-left > .img-placeholder{

    flex-basis: 40%;
    flex-grow: 1;

    min-width: 281px;
    padding: 0;
    margin: 0;

    margin-left: 50px;
}

.learn-more{
    color: rgb(30,70,50);
    margin: 50px;
    padding: 5px;
    font-size: large;
    width: 150px;
    height: 50px;
    border-radius: 10px;
    border: 2px solid rgb(91,229,146);
    background-color: rgb(91,229,146);
    transition: 0.5s;
}

.learn-more:hover{
    background-color: white;
    cursor: pointer;
}




@keyframes popup {
    0%{
      transform: scale(0);
    }
    40%{
      transform: scale(1.3);
    }
    60%{
      transform: scale(0.8);
    }
    90%{
      transform: scale(1.1);
    }
    100%{
      transform: scale(1);
    }
}



.check-out-qr-txt{
    font-size: xx-large;
    text-align: center;
}

.qr-code-pop-up-container{
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 200px;
    padding: 15px;
    padding-top: 0px;
    margin: 10px;
    background-color: aqua;
    border-radius: 10px;
    z-index: 99;
    animation: popup 0.8s ease-in;
    transition: all .2s ease-in-out;
}

.qr-code-pop-up-close{
    right: 0px;
    text-align: right;
    font-size: xx-large;
}

.qr-code-pop-up-close:hover{
    cursor: pointer;
    color: darkgrey;
    transition: 0.5s;
}

.qr-code{
    width: 100%;
}