Skip to content

Instantly share code, notes, and snippets.

/* FALE CONSCO */
.section-contact {
height: 75vh; /* 1 */
background-color: #1A5275;
}
/* 2 */
.assunto,
.nome,
input[type=email] {
/* CURSO */
/* 1 */
.section-curso {
height: 100vh; /* 2 */
background-color: #000000;
}
/* --- HEADER --- */
/* 1 */
header {
height: 100vh; /* 2 */
background-color: #1A5275;
}
/* NAV */
/* 3 */
.main-nav {
/* ------ LOGO ------ */
/* 1 */
.logo-nav {
margin-top: 20px; /* 3 */
margin-bottom: 20px; /* 3 */
float: left; /* 2 */
}
/* ----- BOTAO ------ */
.inscrever {
display: inline-block; /* 1 */
font-family: 'Futura', sans-serif; /* 2 */
font-size: 90%; /* 2 */
letter-spacing: 1px; /* 2 */
padding: 1.5% 15%; /* 3 */
-webkit-transition: background-color 0.2s, border 0.2s, color 0.2s; /* 6 */
transition: background-color 0.2s, border 0.2s, color 0.2s; /* 6 */
/* ------ ICONES ------ */
/* 2 */
.icones-midias {
margin: 6% 0 0 10%;
text-align: left;
}
/* 2 */
.icones-redes-sociais-footer {
/* ------ IMAGENS ------ */
/* 1 */
.img-menina {
width: 80%;
height: 80%;
}
/* 1 */
.img-comecar {
width: 140%;
/* ------ HEADINGS ------ */
/* 1 */
h2 {
margin-top: 10%;
margin-bottom: 20px;
font-size: 210%;
text-align: left;
margin-left: 10%;
}
/* COMPONENTES REUTILIZAVEIS */
/* 1 */
.linha {
width: 100%;
text-align: center;
}
/* 1 */
.linha2 {
/* BASIC SETUP */
@charset #UTF-8;
/* 1 */
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;