@import url(/assets/bootstrap.min-f66ef4f5533b9ac17cce568585528abf904e6de5892b0503838c2392bd88b963.css);
@import url(/assets/animate.min-c3f62b454ae936dc627e863163f7c3faac885f264e239f55c8e016aa730166d6.css);
:root {
  --mobile-break-point: 576px;
  --red: #903835;
  --red-dark: #772927;
  --red-transparent: #9038358c;
  --secondary-color: #f2eae4; }

:root {
  scrollbar-width: none; }

@font-face {
  font-family: "Plume";
  src: url(/assets/felipegruoso/Plume-Free-Brush-Font-8c77ce6be78e10118285cadc923222396e99ded87637e6bbcdcd31c8d574b133.otf) format("opentype"); }

body {
  background: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: 400; }

html {
  scroll-behavior: smooth; }

.second-bg {
  background-color: #f2eae4; }

.full-section {
  background-repeat: no-repeat;
  height: 100vh;
  overflow: hidden; }

.default-section {
  padding: 60px 100px;
  overflow: hidden; }
  @media (max-width: 772px) {
    .default-section {
      padding: 60px 30px; } }
  .default-section p {
    font-size: 20px;
    margin-bottom: 40px; }
    @media (max-width: var(--mobile-break-point)) {
      .default-section p {
        font-size: 16px; } }
    .default-section p.plume {
      font-size: 30px; }

h2 {
  font-size: 60px;
  margin-bottom: 60px; }

.plume {
  font-family: 'Plume'; }

.text-red {
  color: var(--red); }

.text-white {
  color: white; }

.d-flex {
  display: flex; }

.arrow {
  position: fixed;
  bottom: 50px;
  right: 90px;
  z-index: 1;
  transform: translate(-50%, -50%);
  transition: opacity 1s;
  opacity: 1; }
  .arrow.transparent {
    opacity: 0; }
  @media (max-width: 950px) {
    .arrow {
      right: 50px; } }
  @media (max-width: var(--mobile-break-point)) {
    .arrow {
      right: 30px; } }
  .arrow span {
    display: block;
    width: 30px;
    height: 30px;
    border-bottom: 5px solid #9038358c;
    border-right: 5px solid #9038358c;
    transform: rotate(45deg);
    margin: -15px;
    animation: animate 2s infinite; }
    @media (max-width: var(--mobile-break-point)) {
      .arrow span {
        width: 15px;
        height: 15px;
        margin: -5px; } }
    .arrow span:nth-child(2) {
      animation-delay: -0.2s; }
    .arrow span:nth-child(3) {
      animation-delay: -0.4s; }

@keyframes animate {
  0% {
    opacity: 0;
    transform: rotate(45deg) translate(-20px, -20px); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: rotate(45deg) translate(20px, 20px); } }

.home-section {
  background-image: url(/assets/felipegruoso/background-24a3b594a1b60070104496b5c095f13db82de0cda06b528076585498630c7a51.png);
  background-position: center;
  background-size: cover;
  filter: contrast(50%); }
  @media (max-width: var(--mobile-break-point)) {
    .home-section {
      background-position: 0; } }
  @media (max-width: 370px) {
    .home-section {
      background-position: -150px 0px; } }
  @media (max-width: 340px) {
    .home-section {
      background-position: -180px 0px; } }
  .home-section .spacer {
    margin-top: 90px; }
  .home-section .name {
    font-size: 7vw;
    margin-bottom: 40px; }
    @media (max-width: var(--mobile-break-point)) {
      .home-section .name {
        font-size: 18vw; } }
  .home-section .welcome {
    margin-top: 60px;
    margin-left: 70px;
    margin-right: 70px;
    font-size: 3vw;
    color: #18121a; }
    @media (max-width: var(--mobile-break-point)) {
      .home-section .welcome {
        margin-left: 30px;
        margin-right: 30px; } }
  .home-section .greetings {
    font-size: 3vw;
    padding: 0;
    margin: 0;
    margin-bottom: 40px; }
    @media (max-width: var(--mobile-break-point)) {
      .home-section .greetings {
        font-size: 8vw; } }
  .home-section .welcome-to {
    font-size: 30px;
    color: #18121a;
    padding: 0;
    margin: 0;
    margin-bottom: 40px; }
  .home-section .left-side {
    float: left; }
    @media (max-width: 950px) {
      .home-section .left-side {
        float: none; } }
  .home-section .right-side {
    margin-top: 55vh;
    text-align: right;
    float: right; }
    @media (max-width: 950px) {
      .home-section .right-side {
        float: none;
        text-align: left;
        margin-top: 30vh; } }
.about-section .about-image-container-all {
  height: 0;
  margin-top: 40px; }

@media (min-width: 992px) {
  .about-section .about-image-container-all-margin-top {
    padding-top: 80px; } }

.about-section .about-image-container {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #e7e7e7;
  height: 240px;
  width: 350px;
  padding: 15px;
  box-shadow: 5px 5px 20px #91897b;
  background-color: white;
  position: relative; }
  @media (max-width: var(--mobile-break-point)) {
    .about-section .about-image-container {
      height: 170px;
      width: 250px;
      padding: 10px; } }
.about-section .about-image {
  width: 100%;
  height: 100%;
  border: 1px solid #e7e7e7;
  filter: contrast(80%);
  transition: filter 300ms linear; }

.about-section .about-image-real:hover {
  filter: contrast(100%); }

.about-section .about-image-back {
  filter: grayscale(80%) opacity(90%) blur(2px); }

.about-section .degree-col {
  height: 400px; }
  @media (max-width: var(--mobile-break-point)) {
    .about-section .degree-col {
      height: 300px; } }
.about-section .degree-image-container1 {
  transform: rotate(-10deg);
  z-index: 4; }

.about-section .degree-image-container2 {
  transform: rotate(30deg);
  z-index: 3;
  top: -210px;
  left: -15px; }
  @media (max-width: var(--mobile-break-point)) {
    .about-section .degree-image-container2 {
      top: -150px; } }
.about-section .degree-image-container3 {
  transform: rotate(5deg);
  z-index: 2;
  top: -415px;
  left: 15px; }
  @media (max-width: var(--mobile-break-point)) {
    .about-section .degree-image-container3 {
      top: -290px; } }
.about-section .personality-col {
  height: 430px; }
  @media (max-width: var(--mobile-break-point)) {
    .about-section .personality-col {
      height: 300px; } }
.about-section .personality-image-container1 {
  transform: rotate(14deg);
  z-index: 4; }

.about-section .personality-image-container2 {
  transform: rotate(-40deg);
  top: -210px;
  left: -20px;
  z-index: 3; }
  @media (max-width: var(--mobile-break-point)) {
    .about-section .personality-image-container2 {
      top: -160px; } }
.about-section .personality-image-container3 {
  transform: rotate(2deg);
  top: -430px;
  left: -35px;
  z-index: 2; }
  @media (max-width: var(--mobile-break-point)) {
    .about-section .personality-image-container3 {
      top: -330px; } }
.about-section .carreer-col {
  height: 1240px; }
  @media (max-width: var(--mobile-break-point)) {
    .about-section .carreer-col {
      height: 950px; } }
.about-section .carreer-image-container1 {
  transform: rotate(-7deg);
  z-index: 4;
  left: 25px; }

.about-section .carreer-image-container2 {
  transform: rotate(12deg);
  top: 50px;
  z-index: 4; }

.about-section .carreer-image-container3 {
  transform: rotate(-23deg);
  top: 110px;
  left: -10px;
  z-index: 4; }

.about-section .carreer-image-container4 {
  transform: rotate(-4deg);
  top: 180px;
  z-index: 4;
  margin-bottom: 150px; }

.about-section .carreer-image-container5 {
  transform: rotate(2deg);
  top: -1050px;
  left: -30px;
  z-index: 2; }
  @media (max-width: var(--mobile-break-point)) {
    .about-section .carreer-image-container5 {
      top: -770px; } }
.about-section .carreer-image-container6 {
  transform: rotate(-34deg);
  top: -1220px;
  left: 20px;
  z-index: 2; }
  @media (max-width: var(--mobile-break-point)) {
    .about-section .carreer-image-container6 {
      top: -900px; } }
.about-section .carreer-image-container7 {
  transform: rotate(4deg);
  top: -1220px;
  left: -50px;
  z-index: 2; }
  @media (max-width: var(--mobile-break-point)) {
    .about-section .carreer-image-container7 {
      top: -880px; } }
.about-section .carreer-image-container8 {
  transform: rotate(34deg);
  top: -1230px;
  left: 30px;
  z-index: 2; }
  @media (max-width: var(--mobile-break-point)) {
    .about-section .carreer-image-container8 {
      top: -900px; } }
.about-section .carreer-image-container9 {
  transform: rotate(-7deg);
  top: -1310px;
  left: -40px;
  z-index: 2; }
  @media (max-width: var(--mobile-break-point)) {
    .about-section .carreer-image-container9 {
      top: -940px; } }
.about-section .free-time-col {
  height: 415px; }
  @media (max-width: var(--mobile-break-point)) {
    .about-section .free-time-col {
      height: 300px; } }
.about-section .free-time-image-container1 {
  transform: rotate(6deg);
  z-index: 4; }

.about-section .free-time-image-container2 {
  transform: rotate(-40deg);
  top: -210px;
  left: 20px;
  z-index: 3; }
  @media (max-width: var(--mobile-break-point)) {
    .about-section .free-time-image-container2 {
      top: -150px; } }
.about-section .free-time-image-container3 {
  transform: rotate(3deg);
  top: -430px;
  left: -25px;
  z-index: 2; }
  @media (max-width: var(--mobile-break-point)) {
    .about-section .free-time-image-container3 {
      top: -310px; } }
.skills-section .skill-container {
  align-items: stretch; }
  .skills-section .skill-container .skill-col {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    margin-bottom: 50px; }
    .skills-section .skill-container .skill-col .skill-img {
      max-height: 120px;
      display: flex;
      margin-bottom: 10px; }
      .skills-section .skill-container .skill-col .skill-img img {
        max-width: 120px;
        max-height: 120px;
        margin: auto;
        filter: contrast(60%);
        transition: filter 300ms linear; }
    .skills-section .skill-container .skill-col .skill-badge {
      background-color: #9038358c;
      color: #f2eae4;
      transition: background-color 300ms linear; }
    .skills-section .skill-container .skill-col:hover .skill-badge {
      background-color: #903835; }
    .skills-section .skill-container .skill-col:hover .skill-img img {
      filter: contrast(100%); }

.portfolio-section .btn-red {
  color: white;
  background-color: var(--red);
  border-color: var(--red); }
  .portfolio-section .btn-red:hover {
    background-color: var(--red-dark);
    border-color: var(--red-dark); }
  .portfolio-section .btn-red:focus {
    box-shadow: 0 0 0 0.2rem var(--red-transparent); }

.portfolio-section .job-col {
  margin-bottom: 80px; }
  .portfolio-section .job-col .job-title {
    font-size: 24px;
    margin-bottom: 20px; }
  .portfolio-section .job-col .job-img img {
    width: 100%;
    filter: contrast(70%);
    transition: filter 300ms linear; }
    @media (max-width: 771px) {
      .portfolio-section .job-col .job-img img {
        margin-bottom: 40px; } }
    .portfolio-section .job-col .job-img img:hover {
      filter: contrast(100%); }

.portfolio-section #show-other-projects-checkbox {
  display: none; }
  .portfolio-section #show-other-projects-checkbox:checked ~ label[for="show-other-projects-checkbox"] {
    display: none; }
  .portfolio-section #show-other-projects-checkbox:checked ~ .other-projects {
    opacity: 1;
    height: auto; }

.portfolio-section .other-projects {
  opacity: 0;
  height: 0;
  transition: opacity 1s; }

.portfolio-section .google-play-link {
  display: flex; }
  .portfolio-section .google-play-link .google-play-img {
    margin-left: -12px;
    height: 80px; }

.contact-section .find-me-icons {
  margin: 35px 0; }

.contact-section .find-me-icons > svg {
  height: 130px;
  line-height: 130px;
  text-align: center;
  width: 130px;
  border-radius: 100%;
  transition: background-color 400ms, background-color 400ms;
  position: relative;
  color: var(--red-transparent) !important; }
  .contact-section .find-me-icons > svg:hover {
    color: var(--red) !important; }