@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,700;1,300&family=Goudy+Bookletter+1911&display=swap');

@import url('https://www.leerschool.be/assets/crowlicons/style.css');

@import url('https://www.schoolvoorbeeld.be/css/crowl.animations.css');
:root {
	/*
	--orange: #c4941c;
	--coffee: #aca494;
	--green: #4c6c0c;
	--grass: #748c44;
	--beige: #ccbe81;
	*/

	--green: rgba(12,47,49,1);
	--ip1: rgba(221,204,150,1);
	--ip2: rgba(182,36,42,1);
	--orange: rgba(219,121,37,1);
	--grass: rgba(117,167,130,1);
	--coffee2: rgba(37,131,108,1);
	--ip6: rgba(213,167,98,1);
	--ip7: rgba(22,167,140,1);
	--ip8: rgba(208,123,87,1);
	--coffee: rgba(158,189,147,1);
	--beige: rgba(215,238,209,1);
	--ip11: rgba(68,156,148,1);
}

*{
    margin:0;
    padding:0;
    font-family: 'PT Sans Narrow', sans-serif;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Abril Fatface', cursive;
}

#home{  
}

img{
    max-width:0;
}

.p80{
    width:80%;
    margin:auto;
    max-width:1300px;
}

.page{
    min-height:100vh;
    background-size:cover;
    background-position: center;
    -webkit-box-shadow: inset 10px -12px 50px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 10px -12px 50px -8px rgba(0,0,0,0.75);
    box-shadow: inset 10px -12px 50px -8px rgba(0,0,0,0.75);
}

.center{
    height:100%;
    display:flex;
    justify-content: center;
    align-items: center;
}

h1{
    font-size:4rem;
    font-weight:100;
    color:var(--ip1);
}
/*
#silk{
    background: url(../images/silk.jpg) 0 0 / cover no-repeat;
   color: #de466c;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}*/