@font-face{
    font-family: 'Andromeda';
    src: url('./andromeda.ttf') format("truetype"); /* truetype is .ttf files*/
}
@font-face{
    font-family: 'Korataki';
    src: url('./korataki.ttf') format("truetype"); /* truetype is .ttf files*/
}
.homestyle{
    font-family: 'Andromeda';
    background-image: linear-gradient(to bottom right, #580f3a, rgb(14, 75, 80));
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}
.body{
    overflow: scroll;
    height: auto;
    margin-top: 6vw;
    color:#DE2492;
}
.button{
    font-family: 'Andromeda';
    font-size: 2vw;
    font-weight: bold;
    color:#DE2492;
    background: transparent;
    width: 33.333333%;
    height: 5vw;
    border:none;
    transition-duration: 0.4s;
    float: left;
}
.button:hover{
    color: black;
    background-color:#DE2492;
}
.fixed-header{
    position:fixed;
    z-index: 100;
    top:0px;
    left:0px;
    background:rgba(0, 0, 0, 0.75);
    height:5vw;
    width:100%;
    overflow: hidden;
}
.footer{
    position:absolute;
    z-index: 100;
    bottom:0px;
    left:0px;
    height:7vw;
    width: 100%;
    overflow: hidden;
}
.footer-element{
    font-family: 'Andromeda';
    font-size: 2vw;
    font-weight: bold;
    color:#DE2492;
    background: transparent;
    width: 33.333333%;
    height: 5vw;
    border:none;
    float: left;
    background:rgba(0, 0, 0, 0.75);
    align-content: center;
    text-align: center;
}
.email-link{
   color:#DE2492; 
   text-decoration: none;
}
.email-link:hover{
   color: rgb(14, 75, 80);
   text-decoration: none;
}
.default-div{
    width: 75%;
    position: absolute;
    top:15%;
    right: 12.5%;
    text-align: justify;
    font-family: Korataki;
    font-size: 1vw;
    font-weight: 100;
    border:2px solid #DE2492;
    border-radius: 3%;
    background-color: hsla(0, 0%, 0%, 0.5);
    box-sizing: border-box;
    padding: 15px;
}
.title{
    font-family: Andromeda;
    size: 5vw;
    font-size: 2vw;
    font-weight: bold;
    text-align: center;
}