/*index.css*/
body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
      'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
      sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
/* 
    wrapper
 */
.wrapper {
    /* https://developer.mozilla.org/en-US/docs/Web/CSS/background-size */
    /* https://css-tricks.com/perfect-full-page-background-image/ */
    /* background-image: url("Ballet1.1.png"); */
    background-size: cover;
    /* width: 100%;
    height: 600px; */
    /* height: 100%; */
    /* overflow: scroll; */
    scrollbar-color: #069775;
}

.core {
    text-align: center;
    color: #07f7cf;
    margin: auto;
    /* color: #e1ebcd; */
    /* margin: 2% 10%;
    height: 560px;
    width: 80%; */
}

.title {
    font-size: xx-large;
    font-weight: bold;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin-left: 34%;
    color: #056539;
}

/*
    main-menu
*/
.main-menu {
    margin: auto;
    /* margin: 0% 16%;
    width: 68%; */
}

/* 
    article
 */
article {
    /* https://css-tricks.com/snippets/css/a-guide-to-flexbox/ */
    display: flex;
    flex-flow: row wrap;
}

/* 
    section
 */
 section {
    width: 68%;
    height: 75%;
    opacity: .72;
    margin-top: 15%;
    color: #fafcfb;
    background: radial-gradient(
        ellipse 50% 50%,
        #597669,
        #e8abc9,
        #99709a,
        rgb(91, 91, 58)
    );
 }

p {
    transform:rotate(5deg);
    /* margin: 2% 4% 4% 3%; */
    /* margin: auto;   */
    /* Magic! */
    /* width: 16%;
    height: 25%; */
    /* color: #f506f1; */
    /* color: #e15cdf; */
    /* color: #f73b07; */
    /* color: #07f7cf; */
    /* color: #075467; */
    /* overflow: scroll; */
    /* background: radial-gradient(
        ellipse 50% 50%,
        #597669,
        #e8abc9,
        #99709a,
        rgb(91, 91, 58)
    ); */
    /* opacity: .2; */
    /* https://kilianvalkhof.com/2017/design/sloped-edges-with-consistent-angle-in-css/ */
}

h2, h3{
    transform:rotate(-4deg);
    margin: 2%;
    /* color: #e659be; */
    /* https://kilianvalkhof.com/2017/design/sloped-edges-with-consistent-angle-in-css/ */
}

a {
    transform:rotate(-8deg);
    /* color: #f60acf; */
    /* color: #f60acf; */
    /* color: #0af6d3; */
    /* color: #6ff6f4; */
    /* color: #07f7cf; */
    /* color: #f73b07; */
    /* color: #e659be; */
    /* https://kilianvalkhof.com/2017/design/sloped-edges-with-consistent-angle-in-css/ */
}

.cmd {
    opacity: .72;
    color: #eaf510;
    background: radial-gradient(rgb(163, 151, 234), rgb(73, 63, 164));
}
.cmd:hover {
    color: #f5c010;
    cursor: grab;
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}
.radial-ellipse-ryb {
background: radial-gradient(
    ellipse 50% 50%,
    red,
    yellow 10%,
    #1e90ff 50%,
    beige
);
}
.radial-ellipse-light-in {
background: radial-gradient(
    ellipse 50% 50%,
    rgb(63, 42, 205) 40%,
    rgb(36, 17, 158) 60%,
    #130679 86%,
    rgb(253, 253, 252)
);
}
.radial-ellipse-light-out {
background: radial-gradient(
    ellipse 50% 50%,
    #130679 40%,
    #2512b5 60%,
    #422ede 86%,
    rgb(253, 253, 252)
);
}
.radial-ellipse-light-out-all {
background: radial-gradient(
    ellipse 50% 50%,
    #130679,
    #2512b5,
    #422ede,
    rgb(253, 253, 252)
);
}
.radial-ellipse-size {
background: radial-gradient(
    ellipse 50% 50%,
    rgb(63, 42, 205),
    rgb(36, 17, 158),
    #130679,
    rgb(253, 253, 252)
);
}
.simple-radial {
background: radial-gradient(rgb(113, 48, 153), rgb(14, 1, 25));
}
.simple-radial-enfer {
background: radial-gradient(rgb(46, 32, 123), rgb(3, 1, 21));
}  

/*
    central-text
*/
.central-text {
    fill: rgb(253, 3, 253);
    /* fill: rgb(216, 112, 207); */
    /* fill: mediumpurple; */
    font-size: xx-large;
    font-weight: bolder;
    font-family: Garamond;
    text-anchor: middle;
}
.central-text:hover {
    fill: #fc4808;
    font-size: x-large;
    font-weight: bolder;
    font-family: Cambria, Cochin, Georgia, Times, Times New Roman, serif;
    cursor: grab;
}

/*
    bound-text
*/
.bound-text {
    fill: mediumvioletred;
    font-size: x-large;
    font-weight: bolder;
    font-family:'MS UI Gothic';
    font-style: italic;
}
.bound-text:hover {
    fill: #08f8d6;
    font-size: xx-large;
    font-weight: bold;
    font-family: Garamond;
    font-style: normal;
    cursor: grab;
}