body{
    background-color: #fff700;
    padding: 50px;
    border-radius: 50px;
    text-decoration: none;
    line-height: 27px;
    padding-right: 50%;
    /* display: none; */
}

.btn{
    border: 1px solid #ffffff;
    background-color: #ff0000;
    padding: 5px 10px;
    border-radius: 9px;
    text-decoration: none;
    color: black;
    
}
.btn:hover{
    background-color: black;
    color: #ffffff;
}
.logo{
    border-radius: 9px;
}
img{
    box-shadow: 1px 5px 10px 5px rgb(100, 94, 94, 0.3);
}
.top{
    position: fixed;
    top: 50px;
    right: 20px;
}
.int{
border: 1px solid #ffffff;
    background-color: #ff0000;
    padding: 5px;
    text-decoration: none;
}
.form{
    border-radius: 8px;
    background-color: black;
}

.form:focus{
    background-color: #ffffff;
}

.search{
    padding: 5px;
    border-radius: 8px;
    width: 60%;
}

.button{
    padding: 5px;
    border-radius: 8px;
}

button:hover{
    color: white;
    background-color: black;
}

.result{
    position: fixed;
    width: 300px;
    height: 500px;
    background-color: #ffffff;
    margin: 5px;
    display: none;
}

.blurred{
    display:unset;
}

.article{
    padding: 5px;
    border-radius: 8px;
    width: 60%;
    height: 100%;
    line-height: 1px;
}
.circle{
    border-radius: 50%;
}