xxxxxxxxxxxxxxx
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">


<style>
    .offset-top{
        margin-top: 100px;
    }
</style>
<style>
    .top-tags{
        position: relative;
        display: inline-block;
        float: left;
        width: 100%;
        height: auto;

        font-family: "Roboto Slab", sans-serif;
        font-weight: 900;
        line-height: 1;
    }
    .top-tags .top-tags-title{
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        
        font-size: 2rem;
        padding-bottom: 0.5rem;
        margin-bottom: 1rem;
    }
    .top-tags .item-tag{
        position: relative;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        width: auto;
        height: 2.3rem;

        justify-content: center;
        align-items: center;

        padding: 0 0 0 1rem;
        margin: 0 0.25rem 0.5rem 0;

        font-size: 10px;

        color: rgba(0,0,0,0.67);        
        background-color: rgba(0,0,0,0.05);
        border: 1px solid rgba(0,0,0,0.12);
        border-radius: 0.25rem;

        text-decoration: none;
        cursor: pointer;
    }
    .top-tags .item-tag .item-count{
        position: relative;
        display: inline-block;
        width: auto;
        height: 100%;

        padding: 0.5rem;
        margin-left: 0.5rem;

        font-size: 1rem;
        line-height: 15px;
        color: rgba(255,255,255,0.87);
        background-color: #2196f3;
        
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    }
    .top-tags .item-tag .item-name{
        position: relative;
        display: inline-block;
        height: 100%;
        width: auto;
        font-family: "Roboto Slab", sans-serif;
        font-size: 0.8rem;
        line-height: 2.3rem;
        font-weight: 900;
        color: rgba(0,0,0,0.67);
    }
    .top-tags .item-tag .item-count{
        line-height: 15px;
    }
</style>
<style>
    .tag-search{
        position: relative;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        width: 100%;
        height: auto;
        margin-bottom: 2rem;
    }
    .tag-search .search_input{
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        padding: 0.65px 1rem;
        font-family: "Roboto", sans-serif;
        line-height: 1;
        font-size: 1rem;
        font-weight: 400;
        color: rgba(0,0,0,0.67);
        flex-grow: 1;
        border: 1px solid rgba(0,0,0,0.12);
        border-right: none;
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        outline: none;
    }
    .tag-search .search_btn{
        position: relative;
        display: inline-block;
        width: auto;
        height: auto;
        padding: 0.75rem 1.5rem;
        font-family: "Roboto Slab", sans-serif;
        line-height: 1;
        font-size: 1.1rem;
        font-weight: 900;
        color: white;
        flex-shrink: 0;
        background-color: #2196f3;
        letter-spacing: 0.5px;
        border: 1px solid rgba(0,0,0,0.12);
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    }
</style>                
<style>
    .results-items{
        position: relative;
        display: table;
        width: 100%;
        height: auto;
    }
    .results-items .item{
        position: relative;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        width: 100%;
        height: auto;

        float: left;
        padding: 1rem;
        /*background-color: orange;*/
        border: 1px solid rgba(0,0,0,0.12);
        border-radius: 0.125rem;
        margin-bottom: 1rem;

        list-style-type: none;
        vertical-align: top;
    }
    .results-items .item-post .item-image{
        position: relative;
        display: inline-block;
        width: 113px;
        height: 113px;

        margin: 4px 1rem 0 0;

        border-radius: 0.25rem;
        overflow: hidden;   

        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

        flex-shrink: 0;
    }
    .results-items .item-post .item-data-wrap{
        position: relative;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        width: 100%;
        height: auto;
        
        flex-grow: 1;
        flex-direction: column;
    }
    .results-items .item-post .item-title{
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        margin: 0 0 0.25rem 0;
        padding: 0;
        font-family: "Lato", "Roboto", sans-serif;
        font-weight: 900;
        font-size: 1.461538rem;
        line-height: 1.218;
        color: #333;
        overflow: hidden;
    }
    .results-items .item-post .item-tags{
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;

        margin: 0;
        padding: 0;
        color: #333;
        margin-top: 0.5rem;
    }
    .results-items .item-post .item-tags .tag{
        position: relative;
        display: inline-block;
        width: auto;
        height: auto;
        margin: 0 0.25rem 0.25rem 0;
        padding: 0.65rem 1rem;

        font-family: "Roboto Slab", "Roboto", sans-serif;
        font-weight: 900;
        font-size: 1rem;
        line-height: 1;
        color: rgba(0,0,0,0.67);
        overflow: hidden;

        background-color: rgba(0,0,0,0.06);
        border: 1px solid rgba(0,0,0,0.12);
        border-radius: 0.25rem;
        cursor: pointer;
        text-decoration: none;
    }
    .results-items .item-post .item-tags .tag.was-searched{
        border-color: #2196f3;
        color: #2196f3;
    }
    .results-items .item-post .item-tags .tag:hover{
        color: rgba(0,0,0,0.87);
        border-color: rgba(0,0,0,0.24);
    }
    .results-items .item-post .item-tags .tag span{
        margin-right: 0.25rem;
    }
</style>

<div class="container-fluid offset-top float-left">
    <div class="container">
        <div class="row">
            <style>
                .searched-tag{
                    font-family: "Roboto Slab", sans-serif;
                    font-size: 3rem;
                    line-height: 1;
                    font-weight: 900;

                    margin-bottom: 3rem;
                    color: rgba(0,0,0,0.87);
                }
                .searched-tag-count
                {
                    font-family: "Roboto Slab", sans-serif;
                    font-size: 1.5rem;
                    line-height: 1;
                    font-weight: 700;

                    margin-bottom: 1.5rem;
                    color: rgba(0,0,0,0.87);
                }
            </style>
                            <div class="col-12 col-md-8 offset-0 offset-md-4 justify-content-center">
                    <p class="searched-tag text-center text-md-left"><span class="fa fa-search mr-3"></span> PJESMA</p>
                    <p class="searched-tag-count text-center text-md-left"> Število zadetkov: 7</p>
                </div>
                        <div class="col-4 d-none d-md-block">
                <div class="top-tags">
                    <!-- MIK TODO STYLE THIS -->
                    <div class="top-tags-title">Pogoste teme <span class="fa fa-tag"></span></div>
                                    </div>
            </div>
            <div class="col-12 col-md-8">
                <div class="tag-search">
                    <input class="search_input" id="searchTagsInput" type="text" placeholder="Išči">
                    <input class="search_btn" id="searchTagsBtn" type="submit" value="Išči">
                </div>
                <div class="results-items noselect">
                                            <div class="item item-post">
                                                            <div class="item-image" style="background-image: url(https://uploads.publishwall.si/publishwall_new/walls/100000/129247/2024/09/21/66ee7a30beef4.webp);"></div>
                                                        <div class="item-data-wrap">
                                <a href="https://nap.ba/post/825811/fazla-novu-pjesmu-posvetio-hrabrim-umjetnicima-koji-su-doprinijeli-da-sarajlije-lakse-podnesu-opsadu" class="item-title">Fazla novu pjesmu posvetio hrabrim umjetnicima koji su doprinijeli da Sarajlije lakše podnesu opsadu</a>
                                <a href="https://nap.ba/post/825811/fazla-novu-pjesmu-posvetio-hrabrim-umjetnicima-koji-su-doprinijeli-da-sarajlije-lakse-podnesu-opsadu" class="item-link">
                                    https://nap.ba/post/825811/fazla-novu-pjesmu-posvetio-hrabrim-umjetnicima-koji-su-doprinijeli-da-sarajlije-lakse-podnesu-opsadu                                </a>
                                <div class="item-tags">
                                                                                <a href="https://nap.ba/tagged/muzika" class="tag ">
                                                <span class="fa fa-tag"></span>MUZIKA                                            </a>
                                                                                <a href="https://nap.ba/tagged/opsadasarajevo" class="tag ">
                                                <span class="fa fa-tag"></span>OPSADASARAJEVO                                            </a>
                                                                                <a href="https://nap.ba/tagged/pjesma" class="tag was-searched">
                                                <span class="fa fa-tag"></span>PJESMA                                            </a>
                                                                                <a href="https://nap.ba/tagged/zlatanfazlićfazla" class="tag ">
                                                <span class="fa fa-tag"></span>ZLATANFAZLIĆFAZLA                                            </a>
                                                                                <a href="https://nap.ba/tagged/magazin1" class="tag ">
                                                <span class="fa fa-tag"></span>MAGAZIN1                                            </a>
                                                                    </div>
                            </div>
                        </div>
                                            <div class="item item-post">
                                                            <div class="item-image" style="background-image: url(https://uploads.publishwall.si/publishwall_new/walls/100000/129247/2024/03/24/66000a7ee2323.webp);"></div>
                                                        <div class="item-data-wrap">
                                <a href="https://nap.ba/post/816849/otisao-je-abdulah-sidran-ali-kroz-svoje-cuvare-bosne-vjecno-ce-zivjeti-lijer-zambak-ljiljan" class="item-title">Otišao je Abdulah Sidran, ali kroz svoje Čuvare Bosne vječno će živjeti: lijer, zambak, ljiljan...</a>
                                <a href="https://nap.ba/post/816849/otisao-je-abdulah-sidran-ali-kroz-svoje-cuvare-bosne-vjecno-ce-zivjeti-lijer-zambak-ljiljan" class="item-link">
                                    https://nap.ba/post/816849/otisao-je-abdulah-sidran-ali-kroz-svoje-cuvare-bosne-vjecno-ce-zivjeti-lijer-zambak-ljiljan                                </a>
                                <div class="item-tags">
                                                                                <a href="https://nap.ba/tagged/abdulahsidran" class="tag ">
                                                <span class="fa fa-tag"></span>ABDULAHSIDRAN                                            </a>
                                                                                <a href="https://nap.ba/tagged/čuvaribosne" class="tag ">
                                                <span class="fa fa-tag"></span>ČUVARIBOSNE                                            </a>
                                                                                <a href="https://nap.ba/tagged/pjesma" class="tag was-searched">
                                                <span class="fa fa-tag"></span>PJESMA                                            </a>
                                                                                <a href="https://nap.ba/tagged/udruženje" class="tag ">
                                                <span class="fa fa-tag"></span>UDRUŽENJE                                            </a>
                                                                                <a href="https://nap.ba/tagged/bih" class="tag ">
                                                <span class="fa fa-tag"></span>BIH                                            </a>
                                                                    </div>
                            </div>
                        </div>
                                            <div class="item item-post">
                                                            <div class="item-image" style="background-image: url(https://uploads.publishwall.si/publishwall_new/walls/100000/129247/2023/11/22/655e004493d42.webp);"></div>
                                                        <div class="item-data-wrap">
                                <a href="https://nap.ba/post/810558/fazla-za-nap-ne-mogu-oni-zaustaviti-pjesmu-ona-ce-teci-bit-ce-jos-cetiri-pjesme" class="item-title">Fazla za NAP: Ne mogu oni zaustaviti pjesmu, ona će teći, bit će još četiri pjesme</a>
                                <a href="https://nap.ba/post/810558/fazla-za-nap-ne-mogu-oni-zaustaviti-pjesmu-ona-ce-teci-bit-ce-jos-cetiri-pjesme" class="item-link">
                                    https://nap.ba/post/810558/fazla-za-nap-ne-mogu-oni-zaustaviti-pjesmu-ona-ce-teci-bit-ce-jos-cetiri-pjesme                                </a>
                                <div class="item-tags">
                                                                                <a href="https://nap.ba/tagged/1425dana" class="tag ">
                                                <span class="fa fa-tag"></span>1425DANA                                            </a>
                                                                                <a href="https://nap.ba/tagged/hakiranikompromitovan" class="tag ">
                                                <span class="fa fa-tag"></span>HAKIRANIKOMPROMITOVAN                                            </a>
                                                                                <a href="https://nap.ba/tagged/medijskablokada" class="tag ">
                                                <span class="fa fa-tag"></span>MEDIJSKABLOKADA                                            </a>
                                                                                <a href="https://nap.ba/tagged/nestajanjegeneracije" class="tag ">
                                                <span class="fa fa-tag"></span>NESTAJANJEGENERACIJE                                            </a>
                                                                                <a href="https://nap.ba/tagged/patrija" class="tag ">
                                                <span class="fa fa-tag"></span>PATRIJA                                            </a>
                                                                                <a href="https://nap.ba/tagged/pjesmazaustavljena" class="tag ">
                                                <span class="fa fa-tag"></span>PJESMAZAUSTAVLJENA                                            </a>
                                                                                <a href="https://nap.ba/tagged/propagandaproblematika" class="tag ">
                                                <span class="fa fa-tag"></span>PROPAGANDAPROBLEMATIKA                                            </a>
                                                                                <a href="https://nap.ba/tagged/youtubekanal" class="tag ">
                                                <span class="fa fa-tag"></span>YOUTUBEKANAL                                            </a>
                                                                                <a href="https://nap.ba/tagged/zlatanfazla" class="tag ">
                                                <span class="fa fa-tag"></span>ZLATANFAZLA                                            </a>
                                                                                <a href="https://nap.ba/tagged/zlatanfazlic" class="tag ">
                                                <span class="fa fa-tag"></span>ZLATANFAZLIC                                            </a>
                                                                                <a href="https://nap.ba/tagged/bih" class="tag ">
                                                <span class="fa fa-tag"></span>BIH                                            </a>
                                                                    </div>
                            </div>
                        </div>
                                            <div class="item item-post">
                                                            <div class="item-image" style="background-image: url(https://uploads.publishwall.si/publishwall_new/walls/100000/129247/2023/11/22/655dfa2d911ac.webp);"></div>
                                                        <div class="item-data-wrap">
                                <a href="https://nap.ba/post/810556/obrisan-youtube-kanal-zlatana-fazlica-fazle-bh-kantautor-pretpostavlja-da-je-razlog-pjesma-posvecena-opsadi-sarajeva" class="item-title">Obrisan YouTube kanal Zlatana Fazlića Fazle: Bh. kantautor pretpostavlja da je razlog pjesma posvećena opsadi Sarajeva</a>
                                <a href="https://nap.ba/post/810556/obrisan-youtube-kanal-zlatana-fazlica-fazle-bh-kantautor-pretpostavlja-da-je-razlog-pjesma-posvecena-opsadi-sarajeva" class="item-link">
                                    https://nap.ba/post/810556/obrisan-youtube-kanal-zlatana-fazlica-fazle-bh-kantautor-pretpostavlja-da-je-razlog-pjesma-posvecena-opsadi-sarajeva                                </a>
                                <div class="item-tags">
                                                                                <a href="https://nap.ba/tagged/muzika" class="tag ">
                                                <span class="fa fa-tag"></span>MUZIKA                                            </a>
                                                                                <a href="https://nap.ba/tagged/pjesma" class="tag was-searched">
                                                <span class="fa fa-tag"></span>PJESMA                                            </a>
                                                                                <a href="https://nap.ba/tagged/youtube" class="tag ">
                                                <span class="fa fa-tag"></span>YOUTUBE                                            </a>
                                                                                <a href="https://nap.ba/tagged/youtubechannel" class="tag ">
                                                <span class="fa fa-tag"></span>YOUTUBECHANNEL                                            </a>
                                                                                <a href="https://nap.ba/tagged/zlatanfazlićfazla" class="tag ">
                                                <span class="fa fa-tag"></span>ZLATANFAZLIĆFAZLA                                            </a>
                                                                                <a href="https://nap.ba/tagged/bih" class="tag ">
                                                <span class="fa fa-tag"></span>BIH                                            </a>
                                                                    </div>
                            </div>
                        </div>
                                            <div class="item item-post">
                                                            <div class="item-image" style="background-image: url(https://uploads.publishwall.si/publishwall_new/walls/100000/129247/2023/09/22/650d4472f2002.webp);"></div>
                                                        <div class="item-data-wrap">
                                <a href="https://nap.ba/post/807250/zlatan-fazlic-fazla-objavio-pjesmu-1425-dana-o-opsadi-sarajeva" class="item-title">Zlatan Fazlić Fazla objavio pjesmu '1425 dana' o opsadi Sarajeva</a>
                                <a href="https://nap.ba/post/807250/zlatan-fazlic-fazla-objavio-pjesmu-1425-dana-o-opsadi-sarajeva" class="item-link">
                                    https://nap.ba/post/807250/zlatan-fazlic-fazla-objavio-pjesmu-1425-dana-o-opsadi-sarajeva                                </a>
                                <div class="item-tags">
                                                                                <a href="https://nap.ba/tagged/muzika" class="tag ">
                                                <span class="fa fa-tag"></span>MUZIKA                                            </a>
                                                                                <a href="https://nap.ba/tagged/opsadasarajeva" class="tag ">
                                                <span class="fa fa-tag"></span>OPSADASARAJEVA                                            </a>
                                                                                <a href="https://nap.ba/tagged/pjesma" class="tag was-searched">
                                                <span class="fa fa-tag"></span>PJESMA                                            </a>
                                                                                <a href="https://nap.ba/tagged/sarajevo" class="tag ">
                                                <span class="fa fa-tag"></span>SARAJEVO                                            </a>
                                                                                <a href="https://nap.ba/tagged/zlatanfazlićfazla" class="tag ">
                                                <span class="fa fa-tag"></span>ZLATANFAZLIĆFAZLA                                            </a>
                                                                                <a href="https://nap.ba/tagged/bih" class="tag ">
                                                <span class="fa fa-tag"></span>BIH                                            </a>
                                                                    </div>
                            </div>
                        </div>
                                            <div class="item item-post">
                                                            <div class="item-image" style="background-image: url(https://uploads.publishwall.si/publishwall_new/walls/100000/129247/2023/08/15/64dbb85fdeadd.webp);"></div>
                                                        <div class="item-data-wrap">
                                <a href="https://nap.ba/post/804552/ida-prester-se-na-crvenom-tepihu-sjetila-ubijene-nizame-stop-femicide" class="item-title">Ida Prester se na crvenom tepihu sjetila ubijene Nizame: Stop femicide!</a>
                                <a href="https://nap.ba/post/804552/ida-prester-se-na-crvenom-tepihu-sjetila-ubijene-nizame-stop-femicide" class="item-link">
                                    https://nap.ba/post/804552/ida-prester-se-na-crvenom-tepihu-sjetila-ubijene-nizame-stop-femicide                                </a>
                                <div class="item-tags">
                                                                                <a href="https://nap.ba/tagged/tragedijaugradačcu" class="tag ">
                                                <span class="fa fa-tag"></span>TRAGEDIJAUGRADAČCU                                            </a>
                                                                                <a href="https://nap.ba/tagged/idaprester" class="tag ">
                                                <span class="fa fa-tag"></span>IDAPRESTER                                            </a>
                                                                                <a href="https://nap.ba/tagged/stopfemicide" class="tag ">
                                                <span class="fa fa-tag"></span>STOPFEMICIDE                                            </a>
                                                                                <a href="https://nap.ba/tagged/nizama" class="tag ">
                                                <span class="fa fa-tag"></span>NIZAMA                                            </a>
                                                                                <a href="https://nap.ba/tagged/sarajevofilmfestival" class="tag ">
                                                <span class="fa fa-tag"></span>SARAJEVOFILMFESTIVAL                                            </a>
                                                                                <a href="https://nap.ba/tagged/pjesmazaposvetu" class="tag ">
                                                <span class="fa fa-tag"></span>PJESMAZAPOSVETU                                            </a>
                                                                                <a href="https://nap.ba/tagged/nasiljepremaženama" class="tag ">
                                                <span class="fa fa-tag"></span>NASILJEPREMAŽENAMA                                            </a>
                                                                                <a href="https://nap.ba/tagged/hororpriča" class="tag ">
                                                <span class="fa fa-tag"></span>HORORPRIČA                                            </a>
                                                                                <a href="https://nap.ba/tagged/rukepartnera" class="tag ">
                                                <span class="fa fa-tag"></span>RUKEPARTNERA                                            </a>
                                                                                <a href="https://nap.ba/tagged/talasagresije" class="tag ">
                                                <span class="fa fa-tag"></span>TALASAGRESIJE                                            </a>
                                                                                <a href="https://nap.ba/tagged/bih" class="tag ">
                                                <span class="fa fa-tag"></span>BIH                                            </a>
                                                                    </div>
                            </div>
                        </div>
                                            <div class="item item-post">
                                                            <div class="item-image" style="background-image: url(https://uploads.publishwall.si/publishwall_new/walls/100000/129247/2023/07/12/64aedf940ffe4.webp);"></div>
                                                        <div class="item-data-wrap">
                                <a href="https://nap.ba/post/802807/kako-je-nastao-hit-halida-beslica-prvi-poljubac" class="item-title">Kako je nastao hit Halida Bešlića 'Prvi poljubac'?</a>
                                <a href="https://nap.ba/post/802807/kako-je-nastao-hit-halida-beslica-prvi-poljubac" class="item-link">
                                    https://nap.ba/post/802807/kako-je-nastao-hit-halida-beslica-prvi-poljubac                                </a>
                                <div class="item-tags">
                                                                                <a href="https://nap.ba/tagged/halidbešlić" class="tag ">
                                                <span class="fa fa-tag"></span>HALIDBEŠLIĆ                                            </a>
                                                                                <a href="https://nap.ba/tagged/muzika" class="tag ">
                                                <span class="fa fa-tag"></span>MUZIKA                                            </a>
                                                                                <a href="https://nap.ba/tagged/pjesma" class="tag was-searched">
                                                <span class="fa fa-tag"></span>PJESMA                                            </a>
                                                                                <a href="https://nap.ba/tagged/pjevač" class="tag ">
                                                <span class="fa fa-tag"></span>PJEVAČ                                            </a>
                                                                                <a href="https://nap.ba/tagged/magazin1" class="tag ">
                                                <span class="fa fa-tag"></span>MAGAZIN1                                            </a>
                                                                    </div>
                            </div>
                        </div>
                                    </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
var pageUrl = "https://nap.ba";
$("#searchTagsBtn").on('click',function(){
    var tagSearch = $('#searchTagsInput').val().toLowerCase();
    // console.log(tagSearch);
    if(tagSearch != '')
    {
        window.location.href = pageUrl+"/tagged/"+tagSearch;
    }
});
</script><script>
			console.log('we have pageName, pageName is', 'nap.ba');
							(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
				(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
				m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
			})(window,document,'script','https://www.google-analytics.com/analytics.js','ga1');
			ga1('create', 'G-3TC0TK15SR', 'auto');
			ga1('send', 'pageview');
			console.log('analytics', 'G-3TC0TK15SR');
						</script><div id="fullPostModal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-body" style="padding:0;">
                <div class="btn btn-primary" onclick="send_message()" id="btn_sendmsg">Pošlji</div>
            </div>
        </div>

    </div>
</div>

<div><!-- NAMENJEN PRIKAZU NASTAVITEV-->
    <div id="myModal" class="modal fade" role="dialog">
        <div id="options-holder" class="modal-dialog modal-lg">
        </div>
    </div>
</div>

<style>

    #fullPostModal {
        display: none;
        background: rgba(0,0,0,0.95);
        position: fixed;
        left: 0;
        top: 0;
        width: 75%;
        height: 75%;
        color: white;
        margin-left: 250px;
        margin-right: 250px;
        margin-top: 50px;
    }

    .modal-dialog, .modal-content, .modal-body {
        display: flex;
        width: 100%;
        height: 100%;
    }
</style>

<!-- include this file in all design footers. ideally all javascript should be here (to make sure it is always loaded after HTML is fully parsed) -->
<script defer src="https://kit.fontawesome.com/062c9b705b.js" crossorigin="anonymous"></script>

<!-- to enable twitter embed -->
<script defer src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<script defer src="https://publishwall.si/styles/js/chunks/bundle.js?v=883f2f804"></script>

<!-- remove once we dont need jquery overlay anymore, cant add via npm because @types are not up to date -->
<script defer src="https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@2.1.7/dist/loadingoverlay.min.js"></script>
</body>
</html>