/* Font */
@import url("font.css");

body {
    font-family: "Montserrat Medium";
}

h2{
    font-family: "Montserrat Semi Bold";
}

/* Divider */
hr {
    margin-left: auto!important;
    margin-right: auto!important; 
    opacity: 1;
    transition: width 0.5s ease;
}

.gear {
    width: 50vw;
}


.mm {
    width: 70vw;
}


@media screen and (max-width: 665px) {
    hr, .gear, .mm {
        width: 90vw;
        transition: width 0.5s ease;
    }
  }

/* Selection color */
::selection {
    color: black;
    background: gray;
  }

.social, .social:focus, .social:hover, .social:visited{
    font-size: 1rem;
    color: black;
    text-decoration: none;
}

/* Navbar */
.navbar-brand {
    font-family: "Montserrat Bold";
    font-size: 2rem;
}

.nav-item .nav-link {
    font-family: "Montserrat Semi Bold";
    color: black;
}

.nav-item {
    transition: all 0.2s ease-in-out;
}
.nav-item:hover {
    transform: scale(1.2);
}

/* Container */
.pagecontainer {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.content-container {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

/* Footer aláírás */
.alairas {
    width: 60%;
}
@media (max-width: 768px){
    .alairas {
        width: 50%;
    }
}

.heart{
    transition: color 1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.heart:hover{
    color: red;
}

/* slideshow */
.slideshow {
    z-index: 10;
    position: absolute;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 100);
    opacity: 0.5;
}

/* képek helykitöltés */
.img-fluid {
    width: 100% !important;
}