/*
 * Pizza UI CSS
 * For Poppin' Pizza Use Only.
 *
 * All rights reserved. Unauthorized use or distribution of this code is prohibited.
*/

@font-face {
    font-family: PizzaFont;
    src: url("../misc/pizza.otf") format("opentype");
}

.poppin-pizza-logo {
    font-family: PizzaFont;
    color: #ffcfa2;
    text-shadow: 2px 2px 4px #ff810c;
}

.pizzafont {
    font-family: PizzaFont;
    color: #faede0;
    text-shadow: 2px 2px 4px #ff810c;
}

.navbar {
    background: url("../images/titlebar.png") #c40404;
    background-size: cover;
    border-radius: 0px 0px 14px 14px;
}

.navbar .nav-link {
    color: #f9f9f9;
    background: url("../images/tab.png") #c40404;
    background-size: cover;
    font-weight: bold;
    margin-right: 5px;
    border-radius: 14px 14px 14px 14px;
    width: auto;
    text-align: center;
    text-justify: center;
    border:#ffcfa2 2px solid;
}

.navbar .nav-link:active {
    color: #010101;
    background: url("../images/tab_active.png") #c40404;
    background-size: cover;
    font-weight: bold;
}

.login-button {
    color: #f9f9f9;
    background: url("../images/tab.png") #c40404;
    background-size: cover;
    font-weight: bold;
    margin-right: 5px;
    border-radius: 14px 14px 14px 14px;
    width: auto;
    text-align: center;
    text-justify: center;
    border:#ffcfa2 2px solid;
}

.login-button:hover {
    color: #f9f9f9;
    background: url("../images/tab.png") #c40404;
    background-size: cover;
    font-weight: bold;
    border:#ffcfa2 2px solid;
}

.login-button:active {
    color: #010101;
    background: url("../images/tab_active.png") #c40404;
    background-size: cover;
    font-weight: bold;
    border: #000000 0px solid;
}

body {
    background: url("../images/background.jpg") #c40404 repeat-x;
}

@media screen and (orientation: landscape) {
  .carousel img {
    height: 100vh;
  }
}