/* global style sheet*/
/* font */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
* {
    box-sizing: border-box;
    font-family: Montserrat;
    accent-color: #6666cc; 
    
}
*:focus-visible {
    border-color: var(--bgColor);
    outline: none;
    box-shadow: none;
}
:root {
    --Lpink: #f8dbe7;
    --pink: #f28cbb;
    --Lpurple: #cfceea;
    --purple: #9595d8;
    --textColor:#001435;
    --bgColor:#f7f5f5;
}

/* box-shadow: 20px 15px 30px yellow, -20px 15px 30px lime, -20px -15px 30px blue, 20px -15px 30px red; */
h1,h2 {
    font-family: Libre Baskerville;
    margin:0px;
    color: var(--textColor);
}
h3,h4,h5,h6,p, a{
    margin:0px;
    color: var(--textColor);
}
h1 {
    font-size:30px;
}
h4 {
    font-size: 14px;
    font-weight: 400;
}

body {
    padding: 0;
    margin: 0;
    background-color:var(--bgColor);
}
a {
    text-decoration: none;
}
.fw-300 {
    font-weight: 300!important;
}

hr {
    border: 0.1em solid rgba(0, 20, 53, 0.1);
    border-radius: 10px;
    margin-top:5px;
    margin-bottom:20px;
}

input {
    text-wrap: wrap; 
    overflow-wrap: break-word;
    border-radius: 4px;
    border: 2px solid rgba(80, 0, 126, 0.329);
    color: #283057;
}
#title {
    font-family: Libre Baskerville;
    font-size:28px;
    font-weight: 800;
}
.hideInput:not(:focus) {
    color: #283057;
    background-color: transparent;
    border: none;
}

button {
    font-weight: 600;
    background-color: var(--purple);
    border: none;
    padding: 10px 14px;
    border-radius: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
button:hover {
    background-color: #b556cc;
}
.fc h2{
    font-family: Montserrat!important;
}
input[type='checkbox'] {
    width: 20px;
    height: 20px;
}