/* https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/drop-shadow */

@font-face {
    font-family: 'stamfont'; /*a name to be used later*/
    src: url('../font/fonts/stam.ttf'); /*URL to font*/
}

.slides h3,
.slides p{
    font-family: 'stamfont';
    text-shadow: rgba(233, 191, 24, 0.75) 1px 0 10px;
}

.header{
    background: rgba(41, 41, 41, 1);
    z-index: 999;
}

/* .addBg{
    background: rgba(41, 41, 41, 1);
} */

.scroll-link{
    font-size: 1.75rem !important;
    letter-spacing: .2rem;
}

.sercol{ 
    height: auto;
}

.circle{ 
    border-radius: 20%;
    filter: drop-shadow(10px 10px 0.75rem rgba(63, 63, 63, 0.5));
}

#midtext{
    font-size: 2rem;
}

.mozarim{
    background-color: transparent;
    width: 200px;
    height: 180px;
    padding: 10px;
    filter: drop-shadow(0 0 0.75rem rgba(63, 63, 63, 0.75));
}

.mozarimtxt{
    font-size: 1.75rem;
    font-weight: bold;
    background-color: rgb(24, 136, 228);
}

.form-group input{
    color: rgba(230, 230, 230, 1);
    text-align: right;
}

.teudotcol img{
   max-height: 300px;
   margin: 20px;
}

.teudotcol{
    height: auto;
    width: auto;
}

.form-group textarea {
    color: white;
}

.form-group textarea::placeholder {
    color: rgb(131, 131, 131);
}