/*
 Theme Name:   twentytwentyfive-child
 Template:     twentytwentyfive
*/




:root{
    --marginaali: clamp(25px, 5.5vw, 60px);
}
.marginaalit{
    margin: 0 var(--marginaali);
}

html{
    scroll-behavior: smooth;
}

/*linkkien ympäröinti pois*/

:where(.wp-site-blocks :focus){
    outline-width: 0px !important;
}





/*--------------------header--------------------*/

.header{
    position: fixed;
    top: 0px;
    z-index: 99;
    width: 100vw;
}




/*--------------------hero--------------------*/

h1{
    text-shadow: 1px 1px 5px #000000b0;
}
p.portfolio{
    position: relative;
    top: clamp(0.9375rem, 0.1899rem + 2.8481vw, 3.75rem);
    font-size: clamp(3rem, 0.4762rem + 7.619vw, 10rem) !important;
}

.hero{
    height: 90vh;
    max-height: 800px;
    min-height: 400px;
}




/*--------------------sisältö--------------------*/

/*mobiili*/
@media (width < 782px){
    .wp-block-columns.kuva-oikea{
        flex-wrap: wrap-reverse !important;
    }
    h2, p{
        text-align: center !important;
    }
    ul{
        display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0px;
    }
}