@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);
@import url(https://fonts.googleapis.com/css?family=Montserrat:900,700,600);
html{
  scroll-behavior:smooth
}

body {
  height: 100%;
  font-family: "Open Sans";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

@media (prefers-color-scheme: dark) {
  .main-logo{
    content:url("/lib/img/logo-dark.webp");
  }
  body{
    background: rgb(38,21,21);
    background: -moz-linear-gradient(180deg, rgba(38,21,21,1) 0%, rgba(0,0,0,1) 50%, rgba(38,21,21,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(38,21,21,1) 0%, rgba(0,0,0,1) 50%, rgba(38,21,21,1) 100%);
    background: linear-gradient(180deg, rgba(38,21,21,1) 0%, rgba(0,0,0,1) 50%, rgba(38,21,21,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#261515",endColorstr="#261515",GradientType=1);
  }
  h1, h3, p{
    color: white!important;
  }
  .vurgu, .contact{
    color: #d41838;
  }
  .card {
    --bs-card-bg: #000!important;
  }
}

@media (prefers-color-scheme: light){
  .main-logo{
    content:url("/lib/img/logo-light.webp");
  }
  body{
    background: rgb(232,232,232);
    background: -moz-linear-gradient(180deg, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 50%, rgba(232,232,232,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 50%, rgba(232,232,232,1) 100%);
    background: linear-gradient(180deg, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 50%, rgba(232,232,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8e8e8",endColorstr="#e8e8e8",GradientType=1);
  }
  .vurgu, .contact{
    color: #960019;
  }
}

@media (prefers-color-scheme: undefined){
  .main-logo{
    content:url("/lib/img/logo-light.webp");
  }
  body{
    background: rgb(232,232,232);
    background: -moz-linear-gradient(180deg, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 50%, rgba(232,232,232,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 50%, rgba(232,232,232,1) 100%);
    background: linear-gradient(180deg, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 50%, rgba(232,232,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8e8e8",endColorstr="#e8e8e8",GradientType=1);
  }
  .vurgu, .contact{
    color: #960019;
  }
}

.center {
  text-align: -webkit-center;
}

.main-text {
  margin-top: 30px;
  margin-left: 10px;
}

.height-responsible {
  min-height: 100vh;
}

.new-line{
  display:none;
}

.mobile{
  display: none;
}

@media all and (max-width: 1457px) {
  .new-line{
    display:block!important;
  }
}
@media all and (max-width: 1270px) {
  .height-responsible {
    min-height: 50vh!important;
  }
  .col-responsive {
    width: 100%!important;
  }
  .new-line{
    display:none!important;
  }
  .mobile{
    display: block!important;
  }
}

@media all and (max-width: 767px) {
  .height-responsible {
    min-height: 40vh!important;
  }
}

@media all and (max-width: 577px) {
  .height-responsible {
    min-height: 30vh!important;
  }
}

.square::before {
  padding-top: 30%;
  display:block;
  content: "";
}

br {
   display: block;
   margin: 5px 0;
   content: "";
}

.projects{
  background-size: cover;
  background-position: center;
  background-color: #323232;
  background-blend-mode: soft-light;
  transition: 0.7s;
  overflow: hidden;
}
.project-1 {
  background-image: url(/lib/img/reallycraft.webp);
}
.project-2 {
  background-image: url(/lib/img/pregezegeni.webp);
}
.contact{
  text-decoration: none;
  transition: 0.3s;
}
.contact:hover{
  color: #ff002b;
  text-decoration: none;
}
.projects:hover{
  transform: scale(1.1);
}

.form-contact{
  padding-right: 50px;
}

.form-c-label{
  font-size: 20px;
}

.form-c-input{
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
}