@import url("../navigation-button.css");

:root{
    --primary-color: #00949A;
}

@font-face {
    font-family: FuturaBold;
    src: url('/assets/fonts/Futura/FuturaPTBold.otf');
}
@font-face {
    font-family: FuturaMedium;
    src: url('/assets/fonts/Futura/FuturaPTMedium.otf');
}
@font-face {
    font-family: FuturaDemi;
    src: url('/assets/fonts/Futura/FuturaPTDemi.otf');
}
@font-face {
    font-family: FuturaLight;
    src: url('/assets/fonts/Futura/FuturaPTLight.otf');
}

* {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}



a, a:visited{
    text-decoration: none;
    color: black;
}

h1,h2,h3,h4,h5,h6,p{
    font-family: 'FuturaDemi';
}

html,body{
    margin: 0;
    height: 100%;
}

body{
    background: url("../assets/sfondo.webp");
    /*background-color: #1d70b7;*/
    /*background-color: #555555;*/
    /*background-color: #E8D0BF;*/
    background-position: center center;
    background-size: cover;
}
.wrapper{
    display: grid;
}
.header{
    margin: 1rem;
}
.logo{
    height: 3rem;
    width: auto;
    /*filter: drop-shadow(rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;);*/
}

.content-wrapper{
    display: grid;
    justify-content: center;
    align-content: center;
    margin-top: 2rem;
}
.content-wrapper h4{
    margin-top: 0.5rem;
    text-align: center;
    color: white;
    font-family: FuturaLight;
    font-size: 1.2rem;
}
.marchio{
    height: 10rem;
    max-width: 10rem;
    justify-self: center;
}
.social-wrapper{
    display: grid;
    /* grid-template-columns: 1fr 1fr; */
    /*gap: 2rem;*/
}
.social-link{
    display: grid;
    place-items: center;
}
.social-icon{
    height: 3.5rem;
    align-self: center;
    justify-self: center;
    /*filter: brightness(0) saturate(100%) invert(81%) sepia(6%) saturate(841%) hue-rotate(115deg) brightness(85%) contrast(89%);*/
    /*filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(171deg) brightness(109%) contrast(101%);*/
    /* filter: brightness(0) saturate(100%) invert(34%) sepia(99%) saturate(726%) hue-rotate(176deg) brightness(89%) contrast(91%); */
    filter: invert(35%) sepia(79%) saturate(1190%) hue-rotate(150deg) brightness(96%) contrast(101%);
}
.poweredby-container{
    display: grid;
    place-items: center;
}
.poweredby{
    margin: 1rem;
    margin-top: 1.5rem;
    height: 2rem;
    width: auto;
    /*filter: invert(32%) sepia(7%) saturate(1%) hue-rotate(314deg) brightness(95%) contrast(85%);*/
    /*filter: invert(93%) sepia(92%) saturate(6%) hue-rotate(176deg) brightness(107%) contrast(100%);*/
}