*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    outline: none;
}


.container{
    padding: 10px;
    display: flex;
    flex-direction: column;
}
h3{
    font-family: sans-serif;
    color:rgba(0, 0, 0, 0.715) ;
}
input{
    margin: 15px 0px;
}
.city-inp{
    width: 200px;
    padding: 5px;
    font-size: 16px;
    min-width: 180px;
}

#sb-btn{
    width: 140px;
    padding: 5px 3px;
    cursor: pointer;
    transform: translateY(15px);
}
textarea{
    max-width: 500px;
    min-width: 250px;
}
.iframe-cont{
    margin-top: 15px;
}


input[type="color"] {
	border: none;
	width: 28px;
	height: 28px;
}
input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}
input[type="color"]::-webkit-color-swatch {
	border: none;
}


.copy-btn{
    display: inline-block;
    font-size: 14px;
    margin-bottom:3px;
    text-align: end;
    max-width: 500px;
    min-width: 250px;
    padding-right: 10px;
    cursor: pointer;
}
.copy-btn i{
    font-size: 14px;
}
.days-number{
    max-width: 90px;
    padding: 2px;
}