@import url('https://fonts.googleapis.com/css?family=Parisienne|Roboto&display=swap');

html,body {
    /*font-family: 'Raleway', sans-serif;*/
    /*font-weight: 100;*/
    background-color: #fbfcfc;
    /*-webkit-background-size: cover;*/
    /*-moz-background-size: cover;*/
    /*-o-background-size: cover;*/
    /*background-size: cover;*/
    color: #636b6f;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    height: 100vh;
    margin: 0;
}

nav .navbar-menu ul {
    list-style: none;
    text-align: center;
}
nav .navbar-menu ul li {
    display: inline-block;
}
nav .navbar-menu ul li a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #aaa;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0 10px;
}
nav .navbar-menu ul li a,
nav .navbar-menu ul li a:after,
nav .navbar-menu ul li a:before {
    transition: all .5s;
}
/*a.navbar-item:hover{*/
/*    background: mintcream;*/
/*}*/


/* stroke */
a.stroke {
    position: relative;
}
a.stroke:after{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: 'x';
    color: transparent;
    background: #003c71;
    height: 2px;
    transition: all .5s;
}
a.stroke:hover:after {
    width: 100%;
}


input {
    font-weight: 300;
}
p {
    font-weight: 700;
}
p.subtitle {
    padding-top: 1rem;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: rgb(75 85 99 / var(--tw-text-opacity));
}
