@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
body {
    background-color:#151618;
    color:white;
    font-family:'Poppins', sans-serif;
}
nav > button {
    background-color:transparent;
    color:white;
    font-family:'Poppins', sans-serif;
    border:none;
    font-size:1rem;
    padding:10px;
    text-transform:uppercase;
    transition:ease all 0.3s;
}
#topbar > button:hover {
    background-color:rgba(255, 255, 255, 0.412);
    border-radius:5px;
}
#topbar > span {
    margin-right:25px;
}
#topbar > .title {
    font-weight:700;
    font-size:1.3rem;
    background: #0094F7;
    background: linear-gradient(to right, #0094F7 0%, #CF00CF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
    margin-top:6px;
    margin-right:470px;
    float:left;
}
#topbar {
    margin-bottom:35px;
    background-color:rgba(255, 255, 255, 0.093);
    border-radius:5px;
    padding:15px;
}
img {
    border-radius:100%;
    transition:ease all 0.4s;
    box-shadow:0px 1px 10px 0px #f5c400a5;
}
.desc {
    color:#c4c5c5;
}
button {
    color:white;
    font-family:'Poppins', sans-serif;
    background-color:rgba(255, 255, 255, 0.145);
    border:none;
    border-radius:5px;
    padding-right:45px;
    padding-left:45px;
    padding-top:10px;
    padding-bottom:10px;
    transition:ease all 0.3s;
    cursor:pointer;
}
button:hover {
    background-color:rgba(255, 255, 255, 0.39);
}
::-webkit-scrollbar {
    background-color:transparent;
}
::-webkit-scrollbar-button {
    background-color:transparent;
}
::-webkit-scrollbar-corner {
    background-color:transparent;
}
::-webkit-scrollbar-thumb {
    border-radius:100px;
    background-color:rgba(255, 255, 255, 0.058);
}
::-webkit-scrollbar-track {
    background-color:transparent;
}
iframe {
    border:5px solid rgb(255, 255, 255);
    background-color:white;
    border-radius:5px;
}