/*
GLOBAL CSS
*/

body{
  color: white;
  font-family: "Ubuntu",sans-serif;
   min-height: 100vh;
}

@font-face {
  font-family: 'Agrandir';
  src: url('../fonts/Agrandir-TextBold.otf') format('truetype');
}

@font-face {
  font-family: 'Kollektif';
  src: url('../fonts/Kollektif.ttf') format('truetype');
}

.welcome-text{
  font-family: 'Kollektif';
}

.line-container {
  text-align: center;
  position: relative;
  padding-bottom:50px
}

.line {
  border-top: 1px solid rgb(254, 92, 1);
  width:95%;
  margin: 0 auto;
}

.square {
  position: absolute;
  top: -8px; /* Adjust as needed to position the square on top of the line */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgb(254, 92, 1);
  width: 220px; 
  height: 8px; 
}


.custom-nav{
  padding-left:60px;
  padding-right: 60px;
  background-color: transparent !important;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #3d3d3d #DFE9EB;
}

/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
  width: 6px;
}

*::-webkit-scrollbar-track:hover {
  background-color: #B8C0C2;
}

*::-webkit-scrollbar-track:active {
  background-color: #B8C0C2;
}

*::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #3d3d3d;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #575757;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #3d3d3d;
}

.footer {
  color: white;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 2rem;
  width: 100%; /* Make the footer span the entire width of the page */
}

.link{
  text-decoration: none;
  font-size: 22px;
}

.right-bar-components{
  text-decoration: none;
  font-size: 22px;
  padding: 15px;
}
.cv{
  color: rgb(255, 255, 255);
  font-size: 22px;
}

.link:hover{
  color: whitesmoke;
}

@media only screen and (max-width: 768px) {
  .right-bar-components{
    padding: 15px;
  }
}