html { --primary-color: #fafafa; --secondary-color: #eeeeee; --navbar-color: #ffffff; --font-color: #21222c; --focus-color: #8257e5; --hover-color: rgba(130, 87, 229, 0.2); --bg-line: left, rgba(0, 0, 0, 0), rgb(180, 180, 180), rgba(0, 0, 0, 0);}* { scroll-behavior: smooth;}body { font-family: "Poppins", sans-serif; color: var(--font-color); -webkit-transition: 0.2s ease-in-out !important; -moz-transition: 0.2s ease-in-out !important; -o-transition: 0.2s ease-in-out !important; transition: 0.2s ease-in-out !important;}h1 { margin-top: 50px; font-size: 80px; font-weight: 700; line-height: 70px;}a { text-decoration: none !important;}span.apresentation { font-size: 30px; font-weight: 200; text-transform: lowercase;}#heroArea { height: 100vh; background-image: url(../img/bg-hero-mobile.svg); background-color: var(--primary-color); background-repeat: no-repeat; background-position: center center;}#nav { background-color: var(--navbar-color);}#nav::after { background-image: -webkit-linear-gradient(var(--bg-line)); position: absolute; left: 0; right: 0; height: 1px; width: 100%; content: ""; bottom: 0;}img { width: 220px; height: 220px;}.navbar-brand { font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 5px; color: var(--font-color) !important;}.navbar-toggler { border: none;}.nav-link { font-size: 14px; font-weight: 500; text-transform: lowercase; color: var(--font-color) !important;}.nav-item.active .nav-link { color: var(--focus-color) !important;}#hamburger-icon { width: 30px; height: 35px; position: relative; margin-top: 8px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; cursor: pointer;}#hamburger-icon:focus { outline: none;}#hamburger-icon span { display: block; position: absolute; height: 6px; width: 50%; background: var(--font-color); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}#hamburger-icon span:nth-child(even) { left: 50%; border-radius: 0 5px 5px 0;}#hamburger-icon span:nth-child(odd) { left: 0px; border-radius: 5px 0 0 5px;}#hamburger-icon span:nth-child(1),#hamburger-icon span:nth-child(2) { top: 0px;}#hamburger-icon span:nth-child(3),#hamburger-icon span:nth-child(4) { top: 10px;}#hamburger-icon span:nth-child(5),#hamburger-icon span:nth-child(6) { top: 20px;}#hamburger-icon.open span:nth-child(1),#hamburger-icon.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}#hamburger-icon.open span:nth-child(2),#hamburger-icon.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}#hamburger-icon.open span:nth-child(1) { left: 3px; top: 7px;}#hamburger-icon.open span:nth-child(2) { left: calc(50% - 3px); top: 7px;}#hamburger-icon.open span:nth-child(3) { left: -50%; opacity: 0;}#hamburger-icon.open span:nth-child(4) { left: 100%; opacity: 0;}#hamburger-icon.open span:nth-child(5) { left: 3px; top: 16px;}#hamburger-icon.open span:nth-child(6) { left: calc(50% - 3px); top: 16px;}.switch-theme { position: fixed; top: 80px; right: 20px; z-index: 2;}input[type="checkbox"] { height: 0; width: 0; visibility: hidden;}label { cursor: pointer; text-indent: -9999px; width: 52px; height: 27px; background: #8257e5; float: right; border-radius: 5px; position: relative;}label::after { content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; background-color: #fff; border-radius: 4px; transition: 0.5s;}input:checked+label { background-color: #F2A365;}input:checked+label::after { left: calc(100% - 5px); transform: translateX(-100%);}label:active:after { width: 45px;}#section-about-me { background-color: var(--secondary-color);}.about-me { margin-top: -110px; border-radius: 10px; background-color: var(--navbar-color); box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.2);}.about-me__title { font-size: 28px; font-weight: 700;}.about-me__description { font-size: 14px; font-weight: 300;}.about-me__avatar { width: 220px; border-radius: 180px; border: 1px solid var(--secondary-color);}.about-me__social-media a { display: flex; align-items: center; justify-content: center; margin-right: 10px; color: var(--font-color);}.about-me__social-media a:hover { color: var(--focus-color); text-decoration: none;}.about-me__social-media div { display: flex; align-items: center; overflow: hidden; transition: 0.2s;}#section-education,#section-skill { background-color: var(--secondary-color);}#section-expertise,#section-footer { background-color: var(--primary-color);}.studies::after,.expertise::after,.skill::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; background-image: -webkit-linear-gradient(var(--bg-line)); height: 1px;}.studies-title,.expertise-title,.skill-title { font-size: 30px; font-weight: 700;}.my-education,.my-expertise,.my-skills { margin-bottom: 25px; border-radius: 5px;}.my-education,.my-skills { background-color: var(--primary-color); border: 1px solid var(--navbar-color);}.my-education p,.my-expertise p { margin: 0 0 8px 0;}.my-expertise ul { margin: 0;}.my-expertise ul li { font-size: 14px; font-weight: 300;}.my-expertise li:not(:last-child) { margin-bottom: 1.5rem;}.my-expertise { background-color: var(--navbar-color); border: 1px solid var(--secondary-color);}.my-education__course,.my-expertise__job { margin: 0 0 10px 0 !important; font-size: 14px; font-weight: 400; color: var(--focus-color); transition: 0.2s;}.my-skill { margin-bottom: 20px;}.my-skill__title { margin-top: 0; margin-bottom: 2px; font-size: 16px; font-weight: 400;}.my-skill__progress { height: 7px;}.my-skill__progress-bar { background-color: var(--focus-color); transition: 0.2s;}.my-education__period,.my-expertise__period { padding: 2px 7px; font-size: 12px; font-weight: 500; border-radius: 5px; color: var(--navbar-color); background-color: var(--focus-color); transition: 0.2s;}.my-education__university,.my-expertise__company { margin: 0 0 10px 0 !important; font-size: 18px; font-weight: 400;}.my-expertise__content-period { margin: 0 0 15px 0 !important;}#section-footer { text-align: center; border-top: 1px solid var(--secondary-color);}#section-footer span { font-size: 14px; font-weight: 200;}@media screen and (min-width: 768px) { #section-about-me .about-me:nth-child(1) { border-radius: 15px 0 0 15px; } #section-about-me .about-me:nth-child(2) { border-radius: 0 15px 15px 0; } .about-me { margin-top: -150px; border-radius: 0; box-shadow: none; } .about-me__description { font-size: 18px; font-weight: 300; } .my-expertise { min-height: 156px; }}hr { margin: 1.5rem 0; border-top: 1px solid var(--focus-color);}@media screen and (min-width: 992px) { .nav-item { padding: 8px 15px; } #heroArea { background-image: url(../img/bg-hero.svg); }}