* {
   outline: none;
}
html{
   background-color: #141414;
   font-family: Arial;
   color: white;
   margin: 15dvw;
   margin-top: 1rem;
   margin-bottom: 0;
}
a, button, div, input, label {
   color: white;
}
p,h1,h2,h3,h4,h5,h6,a {
   margin: 0;
}
.g-name{
   font-size: 1.7rem;
}
body {
   margin: 0;
}
#add_img, #create_project  {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 1.2rem;
   align-items: center;
   margin-bottom: 0;
}
#img_add_dialog {
   align-items: center;
}
input[type="file"] {
   display: none;
 }
 .custom-file-upload {
   display: flex;
   align-items: center;
   border: 1px solid #ccc;
   cursor: pointer;
   padding-left: .7rem;
   padding-right: .7rem;
   height: 34px;
 }
img{
   height: 128px;
}
.no_prjects{
   display: flex;
   width: 100%;
   border: 2px solid rgb(71, 71, 71);
   border-radius: 8px;
   /* text-align: center; */
   margin-bottom: 10px;
}
table{
   width: 100%;
}
a {
   text-decoration:none;
 }
button, input[type="submit"]{
   background-color: #35373b;
   border: 1px solid rgb(71, 71, 71);
   cursor: pointer;
   padding: .5rem;
   border-radius: 5px
}

button:hover, input[type="submit"]:hover{
   background-color: #575b63;
   border: 1px solid rgb(48, 48, 48);
}
dialog{
   background-color: #3133385b;
   border: 1px rgb(41, 37, 36) solid;
   border-radius: 8px;
}
dialog::backdrop {
   backdrop-filter: blur(2px);
}
input[type="text"]{
   background-color: #35373b;
   border: none;
   border-radius: 8px;
   padding: .6rem;
}
button, input[type="submit"] {
   margin-bottom: 0;
}
#del_project {
   margin-bottom: 0;
}
#del_project input {
    width:100%;
}
label{
   border-radius: 8px;
}
.p_image{
   border: 1px solid rgb(58, 58, 58);
   border-radius: 2.1rem;
   cursor: pointer;
   background-color: #18181a;
   border: 1px rgba(41,37,36,.3) solid;
   padding: 1rem;
   margin: .3rem;
}
.p_image:hover {
   border: 1px hsla(60,5%,96%,.5) solid;
}
.login_text, .add-image{
   font-size: 1rem;
   background-color: #232325;
   border: 1px rgba(41,37,36,.3) solid;
   cursor: pointer;
   padding: .5rem;
   border-radius: 8px;
   margin: 0;
}
.login_text:hover, .add-image:hover {
   border: 1px hsla(60,5%,96%,.5) solid;
   background-color: #232325;
}
.add-image {
   display: flex;
   align-items: center;
   gap: 8px;
   background-color: #18181a;
}
.add-image:hover{
   background-color: #232325;
}
 .avatar{
   float: right;
   font-size: 30px;
   width: 45px;
   height: 45px;
   height: auto;
   border-radius: 8px;
   cursor: pointer;
   right: 10px;
 }
 .avatar-container {
   position: relative;
   display: inline-block;
}

.menu {
   position: absolute;
   top: calc(100% + 5px);
   left: 0;
   background-color: white;
   border: 1px solid #ccc;
   padding: 10px;
   z-index: 1;
   display: none;
}
header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 1rem;
   padding-left: 0;
   padding-right: 0;
   padding-left: 0;
   margin-right: 0;
   height: 45px;
}
.btn {
   margin: 0;
}
#add_img input[type="submit"], #create_project input[type="submit"] {
   margin: 0;
}
#admin {
   padding: .5rem;
}
#admin button{
   width: 100%
}
.mt-2 {
    margin-top: .5rem;
}
#del_logo {
   text-align: center;
}
#del_img_logo {
   margin: 0;
}
br {
   display: none;
}
#del_logo input, #del_logo button {
   margin-left: 0;
}
.form_project_delete{
   display: flex;
   width: 100px;
   height: 100px;
   background-color: aqua;
}
.del-dialog{
   width: 100%;
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: .5rem;
   margin-top: 1rem;
   height: 40px;
}
.del-dialog button {
   display: flex;
   justify-content: center;
   text-align: center;
   align-items: center;   
}
.del-dialog button, .del-dialog input {
   margin: 0;
   height: 40px;
}
.mt1 {
   text-align: center;
   margin-top: 1.7rem;
}
.proj{
   display: grid;
   grid-template-columns: 1fr;
   margin-top: 1rem;
   margin-bottom: 1rem;
   background: #18181a;
   border: 1px solid;
   border-color: rgba(41,37,36,.3);
   border-radius: 8px;
   padding: 1rem;
   gap: .5rem;
}
.proj:hover {
   border-color: hsla(60,5%,96%,.5);
}
.proj .t-discr {
   font-size: .8rem;
   opacity: 50%;
}
.one {
   display: flex;
   align-items: center;
   gap: .5rem;
}
.one .simbol {
   margin-right: .5rem;   
}
.simbol {
   width: 15px;
   height: 15px;
}
.btns {
   display: flex;
   gap: 8px;
}
.del-btn {
   color: #ea3b2d;
}