*
{
margin: 0;
padding: 0;
font-family: arial;
text-align: center;
}
.main
{
background-image: url(file:///C:/Users/ad/OneDrive/Bureau/index20/photo-1488866022504-f2584929ca5f.jpg);
height: 100vh;
background-size:cover ;
}
ul
{
list-style-type:none;
float: right;
margin: 40px 10px 0 0;
}
ul li
{
display:inline-block
}
ul li a
{
text-decoration: none;
color: white;
border: 1px solid transparent;
padding: 5px 10px;
transition: .7s ease;
border-radius: 10px;
opacity: .4;
margin: 5px;
font-size: 25px;
padding: 10px 10px;
letter-spacing: 1.5px;
}
ul li a:hover
{
background-color:blue;
opacity: 1;
}
.logo
{
float: right;
width: 155px;
height: auto;
letter-spacing:2px;
border: 1px solid white;
color: white;
text-align: center;
font-size:20px;
padding: 15px;
margin: 20px 0 0 10px;
border-radius: 10px;
opacity: .4;
transition: 1s ease;
cursor: pointer;
}
.logo:hover
{
background-color:blue;
opacity:1 ;
}
.logo a
{
text-decoration: none;
color:black;
}
.title
{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
h1
{
font-family:arial;
color: white;
font-size: 48px;
letter-spacing: 1.5px;
font-weight: bolder;
}
.button
{
position: absolute;
top: 70%;
left: 50%;
transform: translate(-50%,-50%);
}
.button a
{
font-family: arial;
font-size: 20px;
font-weight: bold;
color: white;
text-decoration: none;
margin:20px;
border: 1px solid black;
border-radius: 5px;
padding: 10px 30px;
transition: .6s ease;
}
.button a:hover
{
background-color: white;
opacity: .5;
color: black;
}
ul li.active a
{
background-color:#333;
opacity: 1
}
.para
{
font-size: 20px;
height: 100vh;
width: auto;
background-color: mediumvioletred;
}
.para2
{
background-color:transparent;
border-radius: 50px solid blue;
width: 50vh;
height:30vh;
float: right;
margin: 10px 10px 30px 250px;
padding: 3px;
}
.title1
{
font-size: 45px;
float: right;
margin: 0px 0px 0px 250px;
}
.title2
{
}
YALAHH N PRIPARIOU
hi