@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;600;700;800;900&family=Roboto:wght@700&display=swap');


body
{
    font-family: 'Montserrat', sans-serif;
    font-family: 'Roboto', sans-serif;
    
}

p,i
{
    
    font-family: 'Montserrat';
    font-weight: normal;

}

#rules
{
    font-family: 'Montserrat';
    font-weight: normal;

}


#support
{
    
     color: #48465B;

}

#support h3,h2
{
    
    color: green;

}
#support input
{
    
    border: 1px green solid;

}


header
{
    position: absolute;
    background: rgba(0,0,0,0.2);
    z-index: 10;
}

.header
{
    background: rgba(0,0,0,0.9);
    width: 100%;
    height: 100%;
    padding: 5%;
    position: absolute;
    z-index: 20;
}
a
{
    text-decoration: none;
}
header section a
{
   
    font-family: 'Roboto';
    font-weight: bolder;
    line-height: 24px;
    
    
}
.h1
{
    font-family: 'Roboto';
    font-weight: lighter;
    line-height: 24px;
    
}

.h2
{
    font-family: 'Montserrat';
    font-weight: lighter;
    
    
}




.portfio
{
    
    margin: 0px;
    padding: 5%;
    background :#101230 url("../images/bg/canvas.png");
    background-repeat: no-repeat;
    background-size: cover;

}

.portfio1
{
    
    margin: 0px;
    padding: 5%;
    background :#2a2b35 url("../images/bg/canvas.png");
    background-repeat: no-repeat;
    background-size: cover;

}
.portfio2
{
    
    
    background :#2a2b35 url("../images/bg/canvas.png");
    background-repeat: no-repeat;
    background-size: cover;

}

footer
{
    
    margin: 0px;
    padding: 5%;
    background :#101230 url("../images/bg/canvas.png");
    background-repeat: no-repeat;
    background-size: cover;

}
.mypadding
{
    padding: 8%;
}
.mypadding1
{
    padding: 6%;
}

.fakeblack
{
    color: #48465B;
}

.innerdiv
{
    width: 70px;
    height: 70px;
}

.innerdiv i
{
    position: relative;
    left: -10%;
    top: 15%;
}


.portfio h1,h2,h3,h4
{
    font-family: 'Montserrat';
    font-weight: bolder;
}

h1,h2,h3,h4
{
    font-family: 'Montserrat';
    font-weight: bolder;
}


.hero h1
{
    font-family: 'Montserrat';
    font-weight: bolder;
    font-size: 35px;
    color: green;
    background-color: transparent;
}
.news
{
    color: #48465B;
}

.news ul
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    
}

.news b a
{
    pointer-events: none; 
    cursor: default; 
}



.news li
{
    width: 350px;
    height: 250px;
    padding: 1%;
    margin: 1% 1%;
    box-shadow: 3px 3px 3px grey;
    list-style: none;
    background : white;
    border: 1px green solid;
}

.news b
{
    color: green;
}




@media only screen and (max-width: 1000px)
{
    .hero h1
    {
        font-family: 'Montserrat';
        font-weight: bolder;
        font-size: 24px;
    }
}