produtos.css

body {background-color: blanchedalmond;}

h1 { font-size: 100px;}

header {background-color: rgb(238, 205, 156) ; padding: 1px 0 ;}

.caixa { position: relative;width: 1200px; margin: 0 auto;}

nav { position: absolute; top: 50px; right: 0;}

nav li {display: inline; margin: 0 0 0 15px;}

nav a {text-transform: uppercase; color:black; font-weight: bold; font-size: 22px; text-decoration: none;}

nav a:hover { text-decoration: underline;}

.produtos li:hover {font-size: 20px;}

.produtos li h2:hover {font-size: 40px;}

#lapis { width: 211px;}
#agenda {width: 225px;}
#caderno {width: 225px;}
#folha {width: 245px;}

.produtos {width: 940px; margin: 0 auto; text-align: center; padding: 50px 0;}

.produtos li {display: inline-block;width: 30%; vertical-align: top; margin: 1% 1%; border-color: rgb(238, 205, 156); border-width: 3px; border-style: solid; border-radius: 10px; }

.produtos h2 {font-size: 30px; font-weight: bold;}

.preco {font-size: 22px; font-weight: bold; margin: 0 0 10px;}

.chamadaaopublico {font-size: 30px;text-align: center;}