*
{
    font-family: "Montserrat", sans-serif;
    -webkit-tap-highlight-color: transparent;
}
html
{
    scroll-behavior: smooth;
    overflow-x: hidden;
    color-scheme: dark;
}
body
{
    /*background: linear-gradient(rgb(255, 93, 247) 60%, cyan);*/
    background-color: rgb(48, 48, 48);
    margin: 0;
}
a
{
    text-decoration: none;
    color: rgb(246, 244, 244);
}
button
{
    border: 1px solid black;
    cursor: pointer;
    
}
button:focus
{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
}
button:active
{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
}
input
{
    /*width: 100%;*/
    /*padding: 3px;*/
    background-color: transparent;
    margin: 0;
    box-sizing: border-box; 
    border: none;
    padding: 10px;
    /*font-size: 20px;*/
    color: rgb(246, 244, 244);
}
textarea
{
    background-color: transparent;
    margin: 0;
    box-sizing: border-box; 
    border: none;
    padding: 10px;
    /*font-size: 20px;*/
}
textarea:focus
{
    outline:rgb(255, 255, 255);
}
select
{
    width: 300px;
    border: 1px solid rgb(179, 179, 179);
    border-radius: 10px; 
    padding: 10px;
    font-size: 20px;
    margin-top: 1vw;
}
select:focus
{
    outline:rgb(255, 255, 255);
}
select option:checked
{
    background-color: rgb(218, 243, 243);
}
select option
{
    display: flex;
    width: 100%;
}
h1, h2
{
    color: rgb(246, 244, 244);
}
body::-webkit-scrollbar-track {
  background: #c52a2a; /* Цвет дорожки */
}
body::-webkit-scrollbar-thumb {
  background-color: #050c26; /* Цвет бегунка */
  border-radius: 20px; /* Округление бегунка */
  border: 3px solid #050c26; /* Оформление границ бегунка */
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus 
{
    /*
  -webkit-text-fill-color: #ffffff !important;
  -webkit-box-shadow: 0 0 0px 40rem #ffffff00 inset !important;
  */
   border: 0;
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,174,255,0.04) 50%,rgba(255,255,255,0) 51%,rgba(0,174,255,0.03) 100%); 
}
input:focus
{
    outline:rgb(255, 255, 255);
}

#header
{
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    height: 200px;
}
#header_content
{
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    height: 225px;
    background-color: rgba(244, 244, 244, 0);
    width: 75%;
    padding: 40px;
    margin: 0 auto;
}
#header_logo_block
{
    width: 50px;
    height: 50px;
}
#header_logo
{
    display: flex;
    width: 100%;
    height: 100%;
    font-size: 30px;
    margin: 0;
}



#user_name_area
{
    display: block;
}

@media screen and (max-width: 380px)
{   
    #header
    {
        display: block;

    }
}

@media screen and (min-width: 381px)
{   
    #header
    {
        
    }
}

@media screen and (min-width: 1280px)
{
}