@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');


@font-face {
    font-family: 'Druk Wide';
    src: url('./font-druk-wide.otf') format('opentype'); 
} 
body{
    font-family: 'Montserrat', sans-serif;
    background-color:#adabab;
    margin:0;
}
#form{
    display:flex;
    justify-content:center;
    align-items:center;
    max-width:100%;
    
}

#todo-lable3{
    color: red;
    font-size: 15px;
}

.text-after-button{
    margin-top: 50px;
}
.btn{
    background-color:green;
    color:white;
    font-size:15px;
    font-family: 'Montserrat', sans-serif;
    padding:5px 20px;
    border:none;
    border-radius:30px;
    box-shadow: 0px 1px 5px rgb(65 73 242 / 750%);
    right: 5px;
    
    
    
}

#icon-href {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#icon{
    width: 80%;
    border-radius: 10px;
}

.input-inf{
    font-family: 'Montserrat', sans-serif;
    box-sizing: border-box;
    border:none;
    border-bottom:2px solid black;
    color:black;

    outline:0;
    /*transition:1s;*/
}
.input-inf:focus {
    color:black;
    border:none;
    border-bottom:2px solid #4149f2;
    outline:0;


}
#form-container{
    display:inline-block;
    background-color:white;
    border:none;
    border-radius:20px;
    padding:20px;
    width: 500px;
    max-width : 95%;
    
    
}
form{
    display:block;
    position: relative;
}
.input-block{
    margin:10px 0px;
    display:flex;
    justify-content:space-between;
}
#main-name{
    padding:0;
    margin:0;
    font-size:40px;
    font-family: 'Druk Wide', sans-serif;

}

.note{
    background-color: lightgreen;
    
}

.note-error{
    background-color: yellow;
}

#btn-block{
    display: flex;
    justify-content: flex-end;
}