body {
    font-family: Arial, Helvetica, sans-serif;
    background: rgb(131, 58, 180);
    background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);

    display: flex;
    justify-content: start;
    align-items: center;
    height: 100vh;
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
    margin-top: 30px;
    
}

#sec-01 {
    background-color: rgba(54, 54, 54, 0.26);
    box-shadow: 10px 5px 5px rgba(12, 12, 12, 0.555);
    border-radius: 20px;
    height: 300px;
    width: 700px;
    font-size: 80px;
    text-align: center;
}

#sec-02 {
    margin-top: 40px;
    
    height: 80px;
    width: 600px;
    justify-content: space-between;
    display: flex;
}


button{
    background-color:#44c767;
	border-radius:14px;
	border:2px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	padding:16px 36px;
	text-decoration:none;
	text-shadow:1px 1px 0px #2f6627;
}

button:hover {
	background-color:#5cbf2a;
}
button:active {
	position:relative;
	top:1px;
}

a {
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	background-color:#3d94f6;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
    text-align: end;
}
a:hover {
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	background-color:#1e62d0;
}
a:active {
	position:relative;
	top:1px;
}