@import url('https://fonts.googleapis.com/css2?family=Festive&family=Lobster&family=Pacifico&family=Roboto:wght@300&family=Zen+Kurenaido&display=swap');

body{
    font-family: Roboto;
    background-color:whitesmoke;
    color:black;
}
header{
    background-color: gray;
    color:white;
    border-radius: 10px;
    padding:20px;
}
a{
    color:black;
}
a:hover{
    color:blueviolet;
}
.dotted{
    border-bottom: dotted black 3px;
}
h3{
    margin-left:10px;
}
.box{
    border:2px solid black;
    border-radius: 20px;
    width:650px;
    margin-left:20px;
    padding:20px;
}
.box h2{
    border:none;
}
#breed h2{
    font-family: "Festive";
    font-size: 30px;
}
#breed p{
    font-family: "Zen Kurenaido";
}
#elegant h2{
    font-family: "Lobster";
    font-size: 30px;
}
#elegant p, #hip p{
    font-family: "Roboto";
}
#hip h2{
    font-family: "Pacifico";
    font-size: 30px;
}
#neutraal{
    border:2px solid #696969;
    border-radius: 20px;
    width:650px;
    margin-left:20px;
    padding:20px;
    background-color: #8e8e8e;
    color:#f5f5f5;
}
#goedkoop{
    border:2px solid #ff0000;
    width:650px;
    margin-left:20px;
    padding:20px;
    background-color: #0000ff;
    color:#ffa500;
}
#luxe{
    border:2px solid #E58F65;
    width:650px;
    margin-left:20px;
    padding:20px;
    background-color: #cabd71;
    color:black;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 30px;
}

#jong{
     background-color:#A8B7AB;
     width:650px;
     margin-left:20px;
     padding:20px;
     border:2px solid #EC9192;
     color:black;
     border-top-right-radius: 20px;
     border-bottom-left-radius: 30px;
}
#foto{
    background-color:#BDACA3;
    width:650px;
    margin-left:20px;
    padding:20px;
    border:2px solid #865B47;
    color:#462820;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 30px;
}