body {
background-repeat: no-repeat;
background-size: 1500px 3100px;
color:black ;
font-family:sans-serif, serif, copperplate, gothic ;
text-align:center ;
cursor:default ;
}
html {
scroll-behavior: smooth;
}
#section1 {
background-color: transparent;
margin: auto;
outline: solid black 1px ;
padding: 5px;
width:90%;
}
#section2 {
background-color: transparent;
margin: auto;
width:80%;
outline: solid black 1px ;
padding: 5px;
width:90%;
}
#link-button {
background-color: lightgrey;
color: black;
padding: 14px 25px;
text-align: center;
text-decoration: none ;
display: inline-block;
}
#link-button:hover {
background-color: grey;
color: lightgrey;
padding: 14px 25px;
text-align: center;
text-decoration: underline 2px solid lightgrey ;
display: inline-block;
transition:0.5s ;
border-radius:5px ;
}
#section3 {
background-color: transparent;
margin: auto;
width:80%;
outline: solid black 1px ;
padding: 5px;
width:90%;
}
#section4 {
background-color: transparent;
margin: auto;
width:80%;
outline: solid black 1px ;
padding: 5px;
width:90%;
}
#section5 {
background-color: transparent;
margin: auto;
width:80%;
outline: solid black 1px ;
padding: 5px;
width:90%;
}
.navbar {
overflow: hidden;
background-color:#2f2f2f ;
border-radius:5px ;
box-shadow: 5px 5px black ;
margin:10px ;
text-align:center ;
}
.navbar a {
float: left;
font-size: 16px;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
transition:0.5s ;
border-radius: 5px;
margin: 5px;
}
.dropdown {
float: left;
overflow: hidden;
}
.dropdown .dropbtn {
font-size: 16px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font-family: inherit;
margin: 5px;
border-radius: 5px;
}
.navbar a:hover, .dropdown:hover .dropbtn {
background-color: cornflowerblue;
}
.dropdown-content {
display: none;
position: absolute;
background-color: black;
min-width: 160px;
box-shadow: 5px 5px 10px black ;
z-index: 1;
color:white ;
border-radius: 0px 25px 25px 25px ;
}
.dropdown-content a {
float: none;
color: white;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
border-radius: 0px 25px 25px 25px ;
}
.dropdown-content a:hover {
background-color: grey;
}
.dropdown:hover .dropdown-content {
display: block;
}
#linkylink {
color:cornflowerblue ;
text-decoration:none ;
cursor:pointer ;
transition:0.5s ;
}
#linkylink:hover {
color:blue ;
text-decoration: underline 1px solid black ;
}
#btt {
background-color:black ;
color:blue ;
border-radius:25px ;
box-shadow: 5px 5px 10px black ;
padding:10px ;
margin:10px ;
text-decoration:none ;
transition:0.5s ;
cursor:pointer ;
}
#btt:hover {
background-color:white ;
color:red ;
}

.coolBtn {
    border-radius: 25px;
    background-color: blue;
    color: white;
    padding: 10px;
    box-shadow: 2px 2px navy;
    border: none;
    margin: 15px;
}