/*
Theme Name: Mon Thème Vide
Theme URI: https://exemple.com
Author: Ton Nom
Author URI: https://exemple.com
Description: Un thème WordPress vide et minimal.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mon-theme-vide
*/
body {
    margin: 0;
    font-family: Arial, sans-serif;
}

.my-graduate {
    background: #7014D9;
    background: linear-gradient(90deg, rgba(112, 20, 217, 0.87) 3%, rgba(255, 255, 255, 0) 100%);
}


@font-face {
  font-family: 'Quicksand'; /* Define a name for your font */
  src: url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap') format('woff2'); /* Path to your font file */
  font-weight: normal; /* Define font weight if applicable */
  font-style: normal; /* Define font style if applicable */
}

@font-face {
  font-family: 'League Spartan'; /* Define a name for your font */
  src: url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap'); /* Path to your font file */
}


.ft1 h1, .ft1 h1 span, .ft1 h1 p {
    font-family: 'League Spartan', sans-serif;
    font-optical-sizing: auto !important;
    font-weight: bold;
    font-style: normal !important;
    /*text-shadow: 0px 3px 0px rgba(150, 150, 150, 0.3);*/
}

.my-btn {
    line-height: 5px;
    background: #fff;
    cursor: pointer;
    z-index: 99999999;
    position: relative;
    border-radius: 10px;
}

.my-btn-1 {
    line-height: 5px;
    border: solid 1px #fff;
    cursor: pointer;
    z-index: 99999999;
    position: relative;
    border-radius: 10px;
}

.up-2 {
    position: relative;
    margin-top: -450px;
}

.ft h1 {
  font-family: 'League Spartan';
  font-optical-sizing: auto !important;
  font-weight: bold;
  font-style: normal !important;
  /*text-shadow: 1px 10px 0px rgba(150, 150, 150, 0.3);*/
}

body p, body span, body a {
  font-family: Quicksand, sans-serif;
  font-optical-sizing: auto !important;
  font-weight: 300 !important;
  font-style: normal !important;
}

.incline-1 {
    background: linear-gradient(175deg, transparent 62% 52%, #04041a 63%, #04041a 66%, #04041a 66%);
}

.incline-2 {
    background: linear-gradient(175deg, #04041a 62%, #04041a 63%, #04041a 12%, transparent 64% 52%);
}

.up-1 {
	position: relative;
	margin-top: -200px;
}

.up-3 {
    width: 100%;
    position: relative;
    margin-top: -60px;
}

/* Hide both by default just in case */
.version_pc, .version_mobile {
  display: none;
}

/* Show desktop version for screens wider than 768px */
@media (min-width: 769px) {
  .version_pc {
    display: block;
  }
}

/* Show mobile version for screens up to 768px */
@media (max-width: 768px) {
  .version_mobile {
    display: block;
  }
}