.text-center{
text-align:center
}

.center-img {
display:block;
margin-right:auto;
margin-left:auto; 
max-width:100%;
}

body,html{background-color:#23252e;height:100%;margin:0;padding:0;
color:#eeedec;
font-family: serif;
line-height: 1.5;
text-align: justify;
}

a{color:#50a5ff;text-decoration:none}
a:hover{color:#cecdcd}

hr{border: 1px solid #808080}

.text-white{--tw-text-opacity:1;color:#eeedec}

.bg-portal{--tw-bg-opacity:1;background-color:#181a20}

.bg-portal2{--tw-bg-opacity:1;background-color:#50a5ff}

.hover\:bg-portal2:hover{--tw-bg-opacity:1;background-color:#50a5ff}

h1 {
font-size: 2.5em;
}

h2 {
font-size: 1.50em; color: #e1d9b8;
}

h3 {
font-size: 1.1em;
}

h4 {
font-size: 1em;
}

h5 {
font-size: 0.8em;
}

h6 {
font-size: 0.6em;
}

.img-logo {background-image:url('darkani.gif')
}

.img-nav {background-image:url('darkani.gif')
}


.row {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
align-items: stretch;
}

.col-3 {
width: 25%;
}

.col-6 {
width: 50%;
}

            .blink {
                animation: blinker 2.5s linear infinite;
            }
            @keyframes blinker {
                30% {
                    opacity: 0;
                }
            }

.caption {color:#e1d9b8
}