<html>

<head>

<title> HTML e CSS </title>

<style>

body{

background-color: #ff5500;

}

.jerisvaldo{

color: #ffffff;

text-align: center;

font-size: 40px;

border: 2px dotted #ffffff;

font-family: Arial, sans-serif;

width: 100%;

height: 40%;

background-color: #000000;

}

#ribamar{

color: #0000ff;

text-align: right;

font-size: 40px;

border: 2px double #ff00ff;

font-family: Comic Sans, cursive;

width: 100%;

height: 40%;

background-color: #000000;

}

.jerisvaldo:hover{

background-color: #ff00ff;

border: 12px dotted #ffffff;

}

.jerisvaldo:active{

background-color: #ffff00;

}

</style>

</head>

<body>

<p class="jerisvaldo"> Primeiro Texto </p>

<p id="ribamar"> Segundo Texto </p>

</body>

</html>