/* CSS Stylesheet for the Web Page "Aula Camir"*/
/* Body Styles */
body {
    background-color: black;
    background-image: url("/images/background-images/aulacamir-background-image.webp");
    margin: 10px;
    justify-content: center;
    align-content: center;
    box-sizing: border-box;
    display: block;
    unicode-bidi: isolate;
    text-align: center;
}
a {
    text-align: center;
    justify-content: center;
}
h1 {
    color: white;
    font-family: 'caveat-brush';
    font-size: 45px;
    margin-top: 50px;
    margin-bottom: 0;
}
h2 {
    color: white;
    background-color: rgba(73, 5, 5,0);
    font-family: 'signika-bold';
    text-align: center;
    font-size: larger;
    margin-top: 50px;
}
    /*body-conatiners styles*/
        .main-div {
            background-color: rgba(68, 0, 32, 0);
            height: fit-content;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin: 0;
        }
        .aulacamir-brand {
            background-color: rgba(255, 60, 0,0);
            height: 100px;
            display: flex;
            flex-direction: row;
        }
        .aulacamir-brand-div {
            background-color: rgba(255, 106, 0, 0);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items:flex-start;
        }
        .aula-camir-name-style {
            background-color: rgba(255, 0, 0,0);
            height: 100px;
            color: azure;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            margin: 0;
        }
        .aula-style {
            background-color: rgba(32, 0, 241, 0);
            font-family: 'caveat-brush';
            font-size: 40px;
            padding-right: 5px;
            padding-left: 8px;
            -webkit-text-stroke-width: 1.5px;
            -webkit-text-stroke-color: rgb(255, 255, 255);
            -webkit-text-fill-color: rgb(102, 0, 255);
            margin: 0;
        }
        .camir-style {
            background-color: rgba(55, 160, 160, 0);
            font-family: 'caveat-brush';
            font-size: 40px;
            -webkit-text-stroke-width: 1.5px;
            -webkit-text-stroke-color: rgb(255, 255, 255);
            -webkit-text-fill-color: rgb(0, 102, 255);
            margin: 0;
        }
        .slogan-style {
            background-color: rgba(0, 0, 0,0);
            font-family: 'signika-regular';
            color: white;
            font-style: oblique;
            text-align: left;
            margin: 0;
        }


        /*div-container-styles*/
        .links-container {
            background-color: rgba(223, 45, 68, 0);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-content: center;
            text-align: center;
        }
        .group-links-container {
            background-color: rgba(124, 8, 1, 0);
            display: flex;
            flex-direction: column;
            align-items: center;
            align-content: center;
            text-align: center;
            justify-content: center;
        }

        .img-url-container {
            background-color: rgba(108, 24, 235, 0.3);
            box-shadow: 2px 2px 10px 2px rgba(28, 1, 39,0.8);
            width:fit-content;
            display: flex;
            flex-direction: row;
            align-items: center;
            align-content: center;
            text-align: center;
            justify-content: center;
            border-radius: 30px;
            padding: 0px;
            margin-bottom: 10px;
        }
        .img-url-container:hover {
            background-color: rgb(35, 7, 71);
            border: 3px solid white;
        }
        .social-icon {
            background-color: rgba(44, 87, 1, 0);
            width: 50px;
            padding: 5px;
        }
        .social-url {
            background-color: rgba(109, 19, 3, 0);
            color: white;
            font-family: 'signika-bold';
            text-decoration: none;
            padding: 10px;
            display: flex;
            text-align: center;
            justify-content: center;
            align-content: center;
            padding: 8px;
            text-wrap-mode:wrap;
            margin-right: 10px;
        }
        .social-url:hover {
            color: rgb(0, 162, 255);
            transform: scale(1.1);
        }
        .social-icon-img {
            background-color: rgba(0, 0, 0, 0);
            width: 30px;
            padding: 2px;
            filter:drop-shadow(0 0 10px rgb(78, 3, 121));
        }
        .social-icon-img:hover {
            transform: scale(1.2);
            color: red;
        }
        .aulacamir-slogan {
            color: white;
            font-family: 'signika-regular';
            margin-top: 0px;
        }
        .copyright {
            color: white;
            font-family: 'signika-regular';
            margin-top: 0;
            margin-bottom: 0;
        }
        .author-name {
            color: rgb(255, 131, 180);
            font-family: 'signika-bold';
            text-decoration: none;
        }
        .author-name:hover {
            color: aqua;
        }
        .blogger-social-icon-img {
            background-color: rgba(0, 0, 0, 0);
            width: 25px;
            padding: 2px;
            filter:drop-shadow(0 0 10px rgb(78, 3, 121));
        }
        .blogger-social-icon-img:hover {
            transform: scale(1.2);
            color: red;
        }