@font-face { font-family: DaisyBud; src: url('DaisybudScript.otf'); } 
.box {
   display: flex;
   align-items:center;  

}

html, body { 
    font-family: Inconsolata;
    color: green;  
    background-repeat: no-repeat;
}

#name{
    font-family: DaisyBud;
    color: green;
    font-size: 84px;
}
a {
    text-decoration: none;
}
a:link {
    color: green;
}
/* visited link */
a:visited {
    color: green;
}

/* mouse over link */
a:hover {
    color: rgb(255, 255, 255);
    background-color: green;
}

/* selected link */
a:active {
    color: hotpink;
    background-color: rgb(0, 9, 128);
}
.mark{
    font-size:21px;
    color:palegreen;
}
.title {
    font-size: 21px;
    color:green;
}
.text {
    font-size: 18px;
}

p1:hover {
    color: rgb(255, 255, 255);
    background-color: green;
}

#main {
    fill:orange;
    stroke:green;
    stroke-width:3
}

button {
    
    cursor: pointer;
    outline: 0;
    display: inline-block;
    text-align: center;
    background-color: transparent;
    border:  transparent;
    color: green;
    border-color: green;
}
button:hover {
        color: #fff;
        background-color: green;
        border-color: green;
    }