@import url('https://fonts.googleapis.com/css2?family=Francois+One&family=Montserrat+Alternates:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{
  font-family: 'Montserrat Alternates';
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  color: white;
}

body {
  background-color: #121420;
}

section {
  padding-top: 58.7969px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

h1 {
  font-size: 1.3em;
}

h3 {
  font-size: 1em;
}

p {
  font-size: 0.75em;
}

.row {
  --bs-gutter-x: 0;
}

/*---NAVBAR---*/
#navbar {
  box-shadow: 0px 0px 3px black;
}

.gradient-border {
  background: linear-gradient(90deg, rgba(246,69,77,1) 0%, rgba(146,103,255,1) 20%, rgba(0,212,255,1) 40%, rgba(79,201,140,1) 60%, rgba(255,212,82,1) 80%, rgba(255,147,82,1) 100%);
  height: 8px;
}

.navbar-content {
  padding: 0 12vw;
}

.navbar-toggler {
  border: 0;
}

.navbar-brand {
  font-family: 'Francois One';
  font-size: 1.7em;
}

.offcanvas {
  background-color: #1d2033;
  opacity: 0.95;
}

.offcanvas-body {
  padding: 58.7969px 0 0 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.navbar-nav {
  align-items: center;
  row-gap: 20vw;
}

.offcanvas-btn {
  margin: 0.5em 12vw;
}

.offcanvas-end {
  width: 100%;
  border: 0;
}

.btn-close {
  position: fixed;
  padding: 1.2em;
  right: 12vw;
  top: 4px;
}
/*---END NAVBAR---*/


/*---HOME---*/
#welcome-section {
  height: 100vh;
}

#welcome-section .img-fluid {
  display: none;
  width: 310px;
}

.hello span {
  font: bold 40px/50px 'Montserrat Alternates', sans-serif;
  background: -webkit-linear-gradient(30deg, rgba(246,69,77,1) 0%, rgba(146,103,255,1) 20%, rgba(0,212,255,1) 40%, rgba(79,201,140,1) 60%, rgba(255,212,82,1) 80%, rgba(255,147,82,1) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.more {
  padding-top: 75px;
  display: flex;
  justify-content: center;
}

.more a{
  display: block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  font-size: 0.9em;
  font-family: sans-serif;
  text-decoration: none;
  border: 2px solid white;
  letter-spacing: 2px;
  text-align: center;
  position: relative;
  transition: all .35s;
}

.more a span{
  position: relative;
  z-index: 2;
  color: white
}

.more a:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #4fc98c;
  transition: all .35s;
}

.more a:hover:after{
  width: 100%;
}
/*---END HOME---*/

/*---PROFILE---*/
#profile {
  height: 100vh;
}

.photo {
  display: flex;
  justify-content: center;
  padding-bottom: 1em;
}

.foto-profil {
  clip-path: circle(50% at 50% 50%);
  background-color: #f6454d;
  width: 125px;
}

.profile-container {
  background-color: #4fc98c;
  border-radius: 10px;
  padding: 20px;
  font-weight: 500;
  font-style: italic;
}

.profile-link {
  display: flex;
  justify-content: center;
}

.profile-link i {
  font-size: 25px;
  transition-duration: 0.5s;
  padding-top: 10px;
  margin: 0 20px;
}

.profile-link i:hover {
  transform: scale(1.2);
  transition-duration: 0.4s;
}

.profile-link i:active {
  transform: scale(1.05);
}

.fa-angle-down {
  text-decoration: none;
}

.next {
  font-size: 2em; 
  background-color: #121420;
  display: flex;
  justify-content: center;
}

.next a {
  color: white;
}
/*---END PROFILE---*/

/* Resume */
#resume {
  height: 100vh;
}

.container-header {
  padding-left: 40px;
}

.edu-container, .exp-container{
  background-color: #4fc98c;
  border-radius: 10px;
  padding: 20px;
  font-style: italic;
  margin: 10px;
}

.content span {
  font-size: 0.75em;
}

.skill-container {
  margin: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.skill-circle {
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
  width: 100px;
}

.circle {
  width: 75px;
  height: 75px;
  background: #4fc98c;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.circle img {
  height: 40px;
}


/* Project */
#projects {
  height: 100vh;
}

.projects-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.projects-tile h3 {
  margin-top: 10px;
}

#projects img {
  border-radius: 15px;
  width: min(80vw, 50vh);
}

/* ---ANIMATION--- */
/* Animate Hello */
.hello {
  font: normal 40px/50px 'Montserrat Alternates', sans-serif;
  color: white;
}

.hello h1 {
  float: left;
  margin-top: 0.9em;
  font-weight: 100;
  font-size: 40px;
}

.hello b {
  float: left;
  overflow: hidden;
  position: relative;
  height: 50px;
  top: 40px;
  margin-right: 0.4em;
}

.hello .innerHello {
  display: inline-block;
  color: #4fc98c;
  position: relative;
  white-space: nowrap;
  top: 0;
  left: 0;

  /*animation*/
  -webkit-animation:move 5s;
    -moz-animation:move 5s;
      -ms-animation:move 5s;
      -o-animation:move 5s;
          animation:move 5s;
  /*animation-iteration-count*/
  -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
      -ms-animation-iteration-count:infinite;
      -o-animation-iteration-count:infinite;
          animation-iteration-count:infinite;
  /*animation-delay*/
  -webkit-animation-delay:1s;
    -moz-animation-delay:1s;
      -ms-animation-delay:1s;
      -o-animation-delay:1s;
          animation-delay:1s;
}

@keyframes move{
  0%  { top: 0px; }
  20% { top: -50px; }
  40% { top: -100px; }
  60% { top: -150px; }
  80% { top: -200px; }
}

@-webkit-keyframes move {
  0%  { top: 0px; }
  20% { top: -50px; }
  40% { top: -100px; }
  60% { top: -150px; }
  80% { top: -200px; }
}

@-moz-keyframes move {
  0%  { top: 0px; }
  20% { top: -50px; }
  40% { top: -100px; }
  60% { top: -150px; }
  80% { top: -200px; }
}

@-o-keyframes move {
  0%  { top: 0px; }
  20% { top: -50px; }
  40% { top: -100px; }
  60% { top: -150px; }
  80% { top: -200px; }
}

@keyframes move {
  0%  { top: 0px; }
  20% { top: -50px; }
  40% { top: -100px; }
  60% { top: -150px; }
  80% { top: -200px; }
}
/* ---END ANIMATION--- */

/* ---ICONS--- */
.icons8-adobe-photoshop { 
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNTAiIGhlaWdodD0iNTAiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTIwLjY0LDEzLjc2Yy0zLjc2MDE0LDAgLTYuODgsMy4xMTk4NiAtNi44OCw2Ljg4djEzMC43MmMwLDMuNzYwMTQgMy4xMTk4Niw2Ljg4IDYuODgsNi44OGgxMzAuNzJjMy43NjAxNCwwIDYuODgsLTMuMTE5ODYgNi44OCwtNi44OHYtMTMwLjcyYzAsLTMuNzYwMTQgLTMuMTE5ODYsLTYuODggLTYuODgsLTYuODh6TTIwLjY0LDIwLjY0aDEzMC43MnYxMzAuNzJoLTEzMC43MnpNNjMuOTM1NjMsNDguMTZjLTQuOTUzNiwwIC04LjkxNjQzLDAuNTUwNDYgLTEyLjMyODkxLDEuNDMxMWwtMC4wMDY3Miw3NC4yNDg5aDguNDc5MDZ2LTMxLjU0NDUzYzEuMjEwODgsMC4xMDY2NCAyLjMxMTMsMC4xMDc1IDMuNzQyMzQsMC4xMDc1YzYuNjA0OCwwIDEzLjUzOTQ3LC0yLjc0NjYyIDE3LjUwMjM1LC04LjI1MDYyYzIuODY1NTIsLTMuNzQyNzIgNC41MDgyOCwtOC4zNjYxNCA0LjUwODI4LC0xNS4xOTExYzAsLTYuNDkxMjggLTEuODY5MzIsLTExLjg5MDI1IC01LjM4ODQ0LC0xNS40MTI4MWMtMy44NTI4LC0zLjc0MjcyIC05LjY4NjQ1LC01LjM4ODQ0IC0xNi41MDc5NywtNS4zODg0NHpNNjUuMjc5MzcsNTMuODAzNzVjOS40NjM0NCwwIDEyLjU0MzkxLDYuODE2MiAxMi41NDM5MSwxNC40MTE3MmMwLDEwLjQ1NzYgLTUuNjE0OTQsMTUuOTYzNzUgLTEzLjg2NzUsMTUuOTYzNzVjLTEuNDMxMDQsMCAtMi40MjI0MSwtMC4xMDgzNiAtMy40MTMxMywtMC4yMTV2LTI5LjYwOTUzYzEuMTAwOCwtMC4zMzM2OCAyLjc1NTI4LC0wLjU1MDk0IDQuNzM2NzIsLTAuNTUwOTR6TTEwOS4xMDU3OCw2OC44Yy04LjU2OTA0LDAgLTE1LjE5MTEsNi4wODQxMyAtMTUuMTkxMSwxNC44MTQ4NWMwLDYuMDc4NDggMy44NzYwMiwxMC43MjEwOCAxMS4wNzI1LDE1LjI1MTU2YzUuNTkzNDQsMy41MzYzMiA3LjA3NDg1LDYuNDExMjUgNy4wNzQ4NSwxMC41MDE0MWMwLDQuNzUwNjQgLTMuMTkwNDksNy43MzMyOCAtOC4xMDI4MSw3LjczMzI4Yy0zLjU0MzIsMCAtNi45Njg5LC0xLjU0NzA5IC04LjkwOTA2LC0yLjc2MTQxbC0yLjE3MDE1LDYuNDAyOTdjMi4zOTc2OCwxLjg3ODI0IDYuODUzNSwzLjA5NzM1IDEwLjg1MDc4LDMuMDk3MzVjOS4xMzY2NCwwIDE2LjY2OTIyLC01LjE5NDI0IDE2LjY2OTIyLC0xNS45MTY3MmMwLC03LjQwMjg4IC01LjAyMDM2LC0xMi4zODAwNyAtMTEuNDA4NDQsLTE2LjM2MDE1Yy01LjQ4MzM2LC0zLjUzMjg4IC02Ljg1MzEzLC01LjYzNDc4IC02Ljg1MzEzLC05LjE3MTFjMCwtMy41MzI4OCAyLjM5MzAxLC02Ljg0NjQgNy4wNzQ4NSwtNi44NDY0YzIuOTY4NzIsMCA1LjI1NzAyLDAuOTk0MjcgNy40MjQyMiwyLjQzMjE5bDIuMjg0MzcsLTYuNDE2NDFjLTIuMjg0MTYsLTEuNDM0NDggLTUuNDc0ODEsLTIuNzYxNCAtOS44MTYwOSwtMi43NjE0eiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+') 50% 50% no-repeat;
  background-size: 100%;
}

.icons8-adobe-illustrator { 
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNTAiIGhlaWdodD0iNTAiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTIwLjY0LDEzLjc2Yy0zLjc2MDE0LDAgLTYuODgsMy4xMTk4NiAtNi44OCw2Ljg4djEzMC43MmMwLDMuNzYwMTQgMy4xMTk4Niw2Ljg4IDYuODgsNi44OGgxMzAuNzJjMy43NjAxNCwwIDYuODgsLTMuMTE5ODYgNi44OCwtNi44OHYtMTMwLjcyYzAsLTMuNzYwMTQgLTMuMTE5ODYsLTYuODggLTYuODgsLTYuODh6TTIwLjY0LDIwLjY0aDEzMC43MnYxMzAuNzJoLTEzMC43MnpNNjguNTUxNCw0OC4xNmwtMTYuOTUxNCw3NS42OGg4LjI1MDYzbDQuOTA0NjksLTIyLjEzMTU2aDE2LjUxNDY5bDQuNzgzNzUsMjIuMTMxNTZoOC4zNjQ4NWwtMTYuNTA3OTcsLTc1LjY4ek0xMTIuNjA2MjUsNDguMTZjLTIuODM0NTYsMCAtNS4xMDYyNSwyLjE1MTcyIC01LjEwNjI1LDUuMzc1YzAsMy4yMjMyOCAyLjE1NzQ3LDUuMzc1IDQuOTkyMDMsNS4zNzVoMC4xMTQyMmMzLjE3NTEyLDAgNS4yMTM3NSwtMi4xNTE3MiA1LjIxMzc1LC01LjM3NWMwLC0zLjIyMzI4IC0yLjAzODYzLC01LjM3NSAtNS4yMTM3NSwtNS4zNzV6TTczLjAxOTM3LDU2LjU1MTcyaDAuMzI5MjJjMC44ODA2NCw1LjUwNCAxLjg3NTYsMTEuNjY3NTYgMi45NzY0LDE2Ljk1MTQxbDMuOTAzNiwxOS4zODM1OWwtMTQuMDgyNSwtMC4wMDY3MmwzLjc4OTM3LC0xOS4yNjI2NWMxLjEwMDgsLTUuMDY3MTIgMi4xOTk4MiwtMTEuNDUxNTUgMy4wODM5LC0xNy4wNjU2M3pNMTA4LjM2LDY1LjM2djU4LjQ4aDguNnYtNTguNDh6Ij48L3BhdGg+PC9nPjwvZz48L3N2Zz4=') 50% 50% no-repeat;
  background-size: 100%;
}

.icons8-vegas { 
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTI5LjAyNSw2Ljg4Yy02LjUzMDYyLDAuMDgwNjMgLTExLjg1MTg3LDUuNTIyODEgLTExLjgyNSwxMi4wNGMwLDAuMDQwMzEgMCwwLjA2NzE5IDAsMC4xMDc1djEwNC43MDVjLTAuMDk0MDYsMC40NTY4OCAtMC4wOTQwNiwwLjk0MDYzIDAsMS4zOTc1djI3Ljk1Yy0wLjAxMzQ0LDIuMDgyODEgMC40ODM3NSw0LjA5ODQ0IDEuNTA1LDUuOTEyNWMzLjIzODQ0LDUuNzI0MzggMTAuNjE1NjMsNy44NjA5NCAxNi4zNCw0LjYyMjVsNy42MzI1LC00LjNjMC4zMDkwNiwtMC4xMzQzNyAwLjYwNDY5LC0wLjMyMjUgMC44NiwtMC41Mzc1bDk0LjE3LC01Mi44OWMwLjA2NzE5LC0wLjAyNjg3IDAuMTQ3ODEsLTAuMDY3MTkgMC4yMTUsLTAuMTA3NWgwLjEwNzVjMC4wODA2MywtMC4wNjcxOSAwLjE0NzgxLC0wLjEzNDM3IDAuMjE1LC0wLjIxNWgwLjEwNzVjMC4wNDAzMSwtMC4wNDAzMSAwLjA2NzE5LC0wLjA2NzE5IDAuMTA3NSwtMC4xMDc1aDAuMTA3NWMwLjEwNzUsLTAuMDY3MTkgMC4yMTUsLTAuMTM0MzcgMC4zMjI1LC0wLjIxNWwxOC4wNiwtMTAuMTA1YzEuNjM5MzgsLTAuOTQwNjIgMy4wMzY4OCwtMi4zMzgxMiAzLjk3NzUsLTMuOTc3NWMyLjg2MjE5LC01LjAxMjE5IDEuMDM0NjksLTExLjQzNTMxIC0zLjk3NzUsLTE0LjI5NzVsLTIyLjc5LC0xMi43OTI1Yy0wLjMyMjUsLTAuMjgyMTkgLTAuNjg1MzEsLTAuNDk3MTkgLTEuMDc1LC0wLjY0NWwtOTguMDQsLTU1LjA0Yy0xLjg0MDk0LC0xLjA0ODEyIC0zLjkxMDMxLC0xLjUzMTg3IC02LjAyLC0xLjUwNXpNMjkuMTMyNSwxMy43NmMwLjkwMDMxLC0wLjAxMzQ0IDEuODAwNjMsMC4yMDE1NiAyLjU4LDAuNjQ1bDkzLjA5NSw1Mi4zNTI1bC03LjIwMjUsMy45Nzc1bC0yMi4yNTI1LC0xMi40N2MtMC45Njc1LC0wLjU2NDM3IC0yLjA5NjI1LC0wLjg3MzQ0IC0zLjIyNSwtMC44NmMtMy40MTMxMiwwLjA0MDMxIC02LjE2NzgxLDIuOTI5MzggLTYuMTI3NSw2LjM0MjV2Ni4zNDI1bC0zMC4zMTUsLTE2Ljk4NWMtMS40MjQzNywtMC44MDYyNSAtMi45Njk2OSwtMS4yMjI4MSAtNC41MTUsLTEuMzk3NWMtNC42MzU5NCwtMC41MjQwNiAtOS40MDYyNSwxLjczMzQ0IC0xMS44MjUsNi4wMmMtMS4wMjEyNSwxLjgxNDA2IC0xLjUxODQ0LDMuODI5NjkgLTEuNTA1LDUuOTEyNXY1MS44MTVsLTEwLjUzNSw1LjkxMjVjLTAuOTk0MzcsMC41NjQzOCAtMi4xMzY1NiwwLjY5ODc1IC0zLjIyNSwwLjUzNzV2LTEwMi45ODVjLTAuMDQwMzEsLTIuODQ4NzUgMi4yMDM3NSwtNS4xMTk2OSA1LjA1MjUsLTUuMTZ6TTQ5LjQ1LDU4LjQ4YzAuOTgwOTQsLTAuMDgwNjIgMS45NzUzMSwwLjEyMDk0IDIuOTAyNSwwLjY0NWwzMy42NDc1LDE4LjkydjEwLjQyNzVsLTQxLjI4LDIzLjExMjV2LTQ3Ljk0NWMwLC0wLjg4Njg3IDAuMjE1LC0xLjgxNDA2IDAuNjQ1LC0yLjU4YzAuODczNDQsLTEuNTQ1MzEgMi40NDU2MywtMi40NTkwNiA0LjA4NSwtMi41OHpNOTIuODgsNjQuNzE1bDM3Ljg0LDIxLjI4NWwtMzcuODQsMjEuMjg1ek0xMzEuNzk1LDcwLjYyNzVsMjEuNzE1LDEyLjI1NWMxLjc4NzE5LDEuMDIxMjUgMi40MTg3NSwzLjE1NzgxIDEuMzk3NSw0Ljk0NWMtMC4zMjI1LDAuNTY0MzggLTAuODMzMTIsMC45Njc1IC0xLjM5NzUsMS4yOWwtMTYuODc3NSw5LjQ2bC03LjA5NSwtMy45Nzc1bDYuMzQyNSwtMy41NDc1YzAuOTAwMzEsLTAuNTEwNjIgMS42MzkzOCwtMS4yNDk2OSAyLjE1LC0yLjE1YzEuNTcyMTksLTIuNzI3ODEgMC41Nzc4MSwtNi4zODI4MSAtMi4xNSwtNy45NTVsLTExLjI4NzUsLTYuMzQyNXpNODYsOTYuMzJ2MTEuOTMyNWMtMC4wMTM0NCwxLjEyODc1IDAuMjk1NjMsMi4xNSAwLjg2LDMuMTE3NWMxLjcwNjU2LDIuOTY5NjkgNS41MzYyNSw0LjA3MTU2IDguNDkyNSwyLjM2NWwyNy4xOTc1LC0xNS4yNjVsNy4wOTUsNC4wODVsLTg0LjkyNSw0Ny43M3YtMzAuNzQ1ek0zNy44NCwxMjMuNDF2MzAuNzQ1bC02LjEyNzUsMy40NGMtMi40ODU5NCwxLjM5NzUgLTUuNTksMC41NTA5NCAtNi45ODc1LC0xLjkzNWMtMC40NDM0NCwtMC43NzkzNyAtMC42NDUsLTEuNjkzMTIgLTAuNjQ1LC0yLjU4di0yNC4xODc1YzIuMjQ0MDYsMC4xMjA5NCA0LjU1NTMxLC0wLjM4OTY5IDYuNTU3NSwtMS41MDVoMC4xMDc1eiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+') 50% 50% no-repeat;
  background-size: 100%;
}

.icons8-css3 { 
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNTAiIGhlaWdodD0iNTAiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD48ZyBmaWxsPSIjZmZmZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMzQuMTYsMTM3LjZsLTQ4LjE2LDEzLjc2bC00OC4xNiwtMTMuNzZsLTEwLjMyLC0xMTYuOTZoMTE2Ljk2Yy0zLjQ0LDM4Ljk4MjE5IC02Ljg4LDc3Ljk3NzgxIC0xMC4zMiwxMTYuOTZ6TTEzNi45Njg0NCwyNy41MmgtMTAxLjkzNjg3bDkuMjQ1LDEwNC43NTg3NWw0MS43MjM0NCwxMS45MzI1bDQxLjcyMzQ0LC0xMS45MzI1ek01Ny43OTQ2OSw5Ni4zMmgxMy43NmwwLjMzNTk0LDguNmwxNC4xMDkzNyw0LjgxMDYzbDE0LjEwOTM4LC00LjgxMDYzbDEuMDIxMjUsLTE1LjQ4aC0zMC4yNjEyNWwtMC42OTg3NSwtMTMuNzZoMzEuNjU4NzVsMS4wMjEyNSwtMTMuNzZoLTQ3LjQ2MTI1bC0xLjAzNDY5LC0xMy43Nmg2Mi45NTQ2OWwtMS43MiwyNy41MmwtMi40MTg3NSwzOS41NmwtMjcuMTcwNjMsOC45NDkzOGwtMjcuMTcwNjIsLTguOTQ5Mzh6Ij48L3BhdGg+PC9nPjwvZz48L3N2Zz4=') 50% 50% no-repeat;
  background-size: 100%;
}

.icons8-html-5 { 
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNTAiIGhlaWdodD0iNTAiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTMwLjk2LDI0LjA4bDEwLjMyLDExNi45Nmw0OC4xNiwxMy43Nmw0OC4xNiwtMTMuNzZjMy40NCwtMzguOTg1NTIgNi44OCwtNzcuOTc0NDggMTAuMzIsLTExNi45NnpNMzguNDcxNTYsMzAuOTZoMTAxLjkzNjg3bC05LjI0NSwxMDQuNzY1NDdsLTQxLjcyMzQ0LDExLjkxOTA2bC00MS43MjM0NCwtMTEuOTE5MDZ6TTYzLjgxNDY5LDUxLjZsLTMuMzA1NjIsNDEuMjhoNDQuNjg2NGwtMS40MTA5NCwxNy4ybC0xNC4zNDQ1MywyLjEyOTg1bC0xNC4xNjk4NSwtMi4xMjk4NWwtMC42MjQ4NCwtNi44OGgtMTMuMjc2MjVsMS4zNDM3NSwxNy4ybDI2LjY5MzU5LDYuODhsMjYuNzI3MTksLTYuODhsMy40MDY0LC00MS4yOGgtNDMuNTUwOTRsMS4xMDE4NywtMTMuNzZoMjguNzU2MjVsMC43OTI4MSw2Ljg4aDEyLjcyNTMxbC0yLjQwNTMxLC0yMC42NHoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==') 50% 50% no-repeat;
  background-size: 100%;
}

.icons8-cpp { 
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNTAiIGhlaWdodD0iNTAiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTg2LDYuODhjLTIuNDU5MDYsMCAtNC45MDQ2OSwwLjYxODEzIC03LjEwODQ0LDEuODU0MzhsLTU3Ljk0MjUsMzIuNTU5MDZjLTQuNDA3NSwyLjQ4NTk0IC03LjE4OTA2LDcuMTIxODggLTcuMTg5MDYsMTIuMTQ3NXY2NS4xMTgxM2MwLDUuMDM5MDYgMi43ODE1Niw5LjY3NSA3LjE4OTA2LDEyLjE2MDk0bDU3Ljk0MjUsMzIuNTQ1NjNjNC40MDc1LDIuNDg1OTQgOS44MDkzNywyLjQ4NTk0IDE0LjIxNjg3LDBsNTcuOTQyNSwtMzIuNTQ1NjNjNC40MjA5NCwtMi40ODU5NCA3LjE4OTA2LC03LjEzNTMxIDcuMTg5MDYsLTEyLjE2MDk0di02NS4xMTgxM2MwLC01LjAyNTYyIC0yLjc4MTU2LC05LjY2MTU2IC03LjE4OTA2LC0xMi4xNDc1bC01Ny45NDI1LC0zMi41NTkwNmMtMi4yMDM3NSwtMS4yMzYyNSAtNC42NDkzNywtMS44NTQzOCAtNy4xMDg0NCwtMS44NTQzOHpNODYsMTMuNzZjMS4yOSwwIDIuNTkzNDQsMC4zMjI1IDMuNzQ5MDYsMC45Njc1bDU3Ljk0MjUsMzIuNTU5MDZjMi4yOTc4MSwxLjMwMzQ0IDMuNjY4NDQsMy42NDE1NiAzLjY2ODQ0LDYuMTU0Mzd2MjkuMTE5MDZoLTYuODh2LTYuODhoLTYuODh2Ni44OGgtNi44OHY2Ljg4aDYuODh2Ni44OGg2Ljg4di02Ljg4aDYuODh2MjkuMTE5MDZjMCwyLjUxMjgxIC0xLjM3MDYyLDQuODUwOTQgLTMuNjgxODcsNi4xNTQzN2wtNTcuOTI5MDYsMzIuNTU5MDZjLTIuMzExMjUsMS4yOSAtNS4xODY4OCwxLjI5IC03LjQ5ODEzLDBsLTU3LjkyOTA2LC0zMi41NTkwNmMtMi4zMTEyNSwtMS4zMDM0NCAtMy42ODE4OCwtMy42MjgxMiAtMy42ODE4OCwtNi4xNTQzN3YtNjUuMTE4MTNjMCwtMi41MTI4MSAxLjM3MDYzLC00Ljg1MDk0IDMuNjgxODgsLTYuMTU0MzdsNTcuOTI5MDYsLTMyLjU1OTA2YzEuMTU1NjMsLTAuNjQ1IDIuNDU5MDYsLTAuOTY3NSAzLjc0OTA2LC0wLjk2NzV6TTg2LDQxLjI4Yy0yNC42MzA5NCwwIC00NC43MiwyMC4wODkwNiAtNDQuNzIsNDQuNzJjMCwyNC42MzA5NCAyMC4wODkwNiw0NC43MiA0NC43Miw0NC43MmMxNC4wNjkwNiwwIDI3LjEzMDMxLC02LjU1NzUgMzUuNTY5MDYsLTE3LjY3MDMxbDIuMzUxNTYsLTMuMTA0MDZsLTIwLjgyODEzLC0xMi4wNjY4OGwtMS44ODEyNSwyLjA0MjVjLTMuODgzNDQsNC4yNDYyNSAtOS4zOTI4MSw2LjcxODc1IC0xNS4yMTEyNSw2LjcxODc1Yy0xMS40MDg0NCwwIC0yMC42NCwtOS4yMzE1NiAtMjAuNjQsLTIwLjY0YzAsLTExLjQwODQ0IDkuMjMxNTYsLTIwLjY0IDIwLjY0LC0yMC42NGM1LjgxODQ0LDAgMTEuMzI3ODEsMi40NzI1IDE1LjIxMTI1LDYuNzE4NzVsMS44ODEyNSwyLjA0MjVsMjAuODI4MTMsLTEyLjA2Njg3bC0yLjM1MTU2LC0zLjEwNDA2Yy04LjQzODc1LC0xMS4xMTI4MSAtMjEuNSwtMTcuNjcwMzEgLTM1LjU2OTA2LC0xNy42NzAzMXpNODYsNDguMTZjMTAuNTc1MzEsMCAyMC4yNTAzMSw0LjUyODQ0IDI3LjMzMTg4LDEyLjA4MDMxbC05LjQzMzEzLDUuNDU1NjJjLTQuOTcxODcsLTQuMzUzNzUgLTExLjE1MzEyLC03LjIxNTk0IC0xNy44OTg3NSwtNy4yMTU5NGMtMTUuMTQ0MDYsMCAtMjcuNTIsMTIuMzc1OTQgLTI3LjUyLDI3LjUyYzAsMTUuMTQ0MDYgMTIuMzc1OTQsMjcuNTIgMjcuNTIsMjcuNTJjNi43NDU2MywwIDEyLjkyNjg4LC0yLjg2MjE5IDE3Ljg5ODc1LC03LjIxNTk0bDkuNDMzMTMsNS40NTU2MmMtNy4wODE1Niw3LjU1MTg4IC0xNi43NTY1NiwxMi4wODAzMSAtMjcuMzMxODgsMTIuMDgwMzFjLTIwLjg5NTMxLDAgLTM3Ljg0LC0xNi45NDQ2OSAtMzcuODQsLTM3Ljg0YzAsLTIwLjg5NTMxIDE2Ljk0NDY5LC0zNy44NCAzNy44NCwtMzcuODR6TTExMy41Miw3NS42OHY2Ljg4aC02Ljg4djYuODhoNi44OHY2Ljg4aDYuODh2LTYuODhoNi44OHYtNi44OGgtNi44OHYtNi44OHoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==') 50% 50% no-repeat;
  background-size: 100%; 
}
/* --- END ICONS--- */



@media (min-width: 576px) {
  

}


@media (min-width: 768px) { 
  .offcanvas-btn, .btn-close {
    display: none;
  }

  #welcome-section .img-fluid {
    display: block;
    height: fit-content;
    clip-path: none;
    border-radius: 10px;
    box-shadow: 5px 5px 10px #1d2033;
  }
  

  .offcanvas-body {
    justify-content: flex-end;
  }

  .more {
    justify-content: flex-start;
  }
}


@media (min-width: 992px) {  
  .photo {
    display: block;
    padding-bottom: 39px;
  }

  

  
}

@media (min-width: 1200px) { 
  .skills .container-header {
    padding-left: 60px;
  }

  .photo {
    
  }
}

@media (min-width: 1400px) { 
  .photo {
    
  }
 }