/* globale Einstellungen 
==================================================================================*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400&display=swap');
@media (min-width: 45em) { 
    body {        
        font-family: sans-serif;
        color: rgb(24, 22, 22);
  /*      background-color: #c6052c;    */
        margin: 0 auto;
        display: grid;
        gap: 0.8em;
        grid-template-columns: 1.5fr 8fr 1.5fr;	
        grid-template-rows: auto 1fr 100px;
        max-width: 200em;
        min-height: 70em;
        font-family: sans-serif;
	}
}

header,
nav,
main,
article,
section,
aside,
footer {
	border-radius: 0.5em;
	border: thin solid;
	padding: 10px;
    gap: 0.8em;
}

header,
footer {
	grid-column: 1 / -1;
}

header {
	background: #F8F8F8;
	border-color: #3e02ca;
	display: grid;
	grid-template-columns: min-content 1fr;
}

nav {
	background: #F8F8F8;
	border-color: #3e02ca;
    margin-left: 10px;
}


main {
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 1.2em;
    background: #F8F8F8;
	border-color: #3e02ca;
}

aside {
	background: #F8F8F8;
	border-color: #91a171;
    margin-right: 10px;
}

footer {
	background: #e4ebf2;
	border-color: #8a9da8;
}


footer * {
	float: right;
	clear: right;
	margin: 0 0 1em;
}


/* Einstellungen für den main-Block
================================================================================== */

/* Einstellungen für <p>
---------------------------------------------------------------------------------- */

/* Überschrift erste Ebene */
main  p.U1 {
    font-size: 1.8em;
    line-height: 10%;
    font-weight: bold;
    color: #555555;
    text-align: center;
    margin-top: 0.6em;
    margin-bottom: 1.2em;
}
/* Überschrift erste Ebene mit größerem Abstand */
main  p.U1H {
    font-size: 1.8em;
    line-height: 10%;
    font-weight: bold;
    color: #555555;
    text-align: center;
    margin-top: 2em;
    margin-bottom: 2em;
}
/* Überschrift zweite Ebene */
main  p.U2 {
    font-size: 1.4em;
    font-weight: bold;
    color: #555555;
    text-align: center;
    line-height: 10%;
}
/* Überschrift zweite Ebene mit größerem Abstand*/
main  p.U2H {
    font-size: 1.4em;
    font-weight: bold;
    color: #555555;
    text-align: center;
    line-height: 120%;
}
/* Überschrift dritte Ebene */
main  p.U3 {
    font-size: 1.2em;
    font-weight: bold;
    color: #555555;
    text-align: center;
    line-height: 10%;
}
/* Überschrift dritte Ebene  mit größerem Abstand*/
main  p.U3H {
    font-size: 1.2em;
    font-weight: bold;
    color: #555555;
    text-align: center;
    line-height: 120%;
}
/* normaler Text zentriert */
main  p.C0
{
    text-align: center;
    line-height: 30%;
}
/* normaler Text zentriert und kleiner Abstand nach oben */
main  p.C1
{
    text-align: center;
    padding: 1em 0 0 0;
}
/* normaler Text zentriert und mittlerer Abstand nach oben */
main  p.C2
{
    text-align: center;
    padding: 2em 0 0 0;
}
/* normaler Text zentriert und großer Abstand nach oben */
main  p.C3
{
    text-align: center;
    padding: 4em 0 0 0;
}
/* normaler Text linksbündig ohne Abstand nach oben */
main  p.N0
{
    text-align: left;
    padding: 0 0 0 2em;
}
/* normaler Text linksbündig mit kleinem Abstand nach oben */
main  p.N1
{
    text-align: left;
    padding: 0.5em 0 0 2em;
}
/* normaler Text linksbündig mit mittlerem Abstand nach oben */
main  p.N2
{
    text-align: left;
    padding: 1.5em 0 0 2em;
}
/* normaler Text linksbündig kleine Schrift*/
main  p.S0
{
    font-size: 0.6em;
    text-align: left;
    padding: 0 0 0 2em;
}


/* Überschrift erste Ebene für Popupfenster */
p.UP1 {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 2em;
    padding-bottom: 0em;
    color: #141414;
}

/* link im Lauftext des Popupfensters */
a.UPL {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    text-align: left;
    font-size: 0.9em;
    font-weight: unset;
}


/* normaler Text linksbündig ohne Abstand nach oben für Popupfenster */
p.NP0 {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    text-align: left;
    font-size: 1.2em;
    font-weight: unset;
}

/* Einstellungen für <select>
---------------------------------------------------------------------------------- */
main select {
    font-size: 0.8em;
    padding-left: 5px;
    padding-right: 5px;
}

main select.S0 {
    font-size: 0.8em;
    padding-left: 5px;
    padding-right: 5px;
    min-width: 120px;
}

select.S1 {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 200px;
}

main option.S1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 200px;
}

main option.S2 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 200px;
    background-color: #A5CAF7;
}

main option.S3 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 200px;
    background-color: #d3bc8c;
}


/* Einstellungen für <option>
---------------------------------------------------------------------------------- */
/*Auswahlliste Spieltag->ausgewertet*/
main option.E {
    background-color: #cbf8cb;
}
/*Auswahlliste Spieltag->offen*/
main option.P {
    background-color: #eef8a5;
}
/*Auswahlliste Spieltag->nur eigene Tipps*/
main option.O {
    background-color: #f1a8b2;
}
/* Einstellungen für <textarea>
---------------------------------------------------------------------------------- */
main textarea.TA1 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50em;
    height: 6em;
    font-family: 'Courier New', Courier, monospace;
    font-size: 1em;
}

/* Einstellungen für <table>
---------------------------------------------------------------------------------- */
main table {
    border-collapse: collapse;
}

main tr {
    line-height: 1.3em;
}
/* Zeilen mit vergrößerter Höhe */
main tr.H1
{
    line-height: 1.5em;
}
main tr.H2
{
    line-height: 2.5em;
}
main tr.H3
{
    line-height: 3.2em;
}
main tr.hide {
    visibility: collapse;
}
main th {
    border: 2px solid #AAAAAA;
    padding-left: 5px;
    padding-right: 5px;
}


main td {
    border: 2px solid #AAAAAA;
    padding-left: 5px;
    padding-right: 5px;
}

/* Zelle mit doppeltem Rand oben linksbündig */
main td.D0 {
    border-top: 5px double #777;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

/* Zelle mit doppeltem Rand oben zentriert */
main td.D0C {
    border-top: 5px double #777;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    text-align: center;
}

/* Header-Zelle mit doppeltem Rand oben zentriert */
main th.E0C {
    border-bottom: 5px double #777;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    text-align: center;
}


/* Zelle mit Mindesbreite und zentriertem Inhalt */
main td.C0M {
    text-align: center;
    min-width: 1em;
}

/* Header-Zellen ohne Rand */
main th.B0 {
    border: none;
    font-size: 1.2em;
    padding-bottom: 1em;
}
/* Zellen mit leicht blauem Hintergrund*/
main td.N0H1 {
    background-color: #a5caf7;
}
/* Zellen mit leicht grünem Hintergrund*/
main td.N0H2 {
    background-color: #8cc1ad;
}
/* Zellen mit grünem Hintergrund*/
main td.N0H3 {
    background-color: #4ce766;
}
/* Zellen mit gelben Hintergrund*/
main td.N0H4 {
    background-color: #fbf28d;
}
/* Zellen mit rotem Hintergrund*/
main td.N0H5 {
    background-color: #ff725f;
}
/* Zellen mit zentriertem Inhalt */
main td.C0 {
    text-align: center;
}
/* Zellen mit zentriertem Inhalt und leicht blauem Hintergrund*/
main td.C0H1 {
    text-align: center;
    background-color: #a5caf7;
}
/* Zellen mit zentriertem Inhalt und leicht grünem Hintergrund*/
main td.C0H2 {
    text-align: center;
    background-color: #8cc1ad;
}
/* Zellen mit zentriertem Inhalt und hellrotem Hintergrund*/
main td.C0H3 {
    text-align: center;
    background-color: #fba2a2;
}
/* Zellen ohne Rand */
main td.B0 {
    border: none;
    font-size: 1.2em;
}
/* Zellen ohne Rand rechtsbündig mit Abstand zum linken Rand */
main td.B0N {
    border: none;
    text-align: right;
    padding-right: 1em;
    font-size: 1.2em;
}

/* Zellen mit zentrietem Inhalt ohne Rand */
main td.BC0 {
    border: none;
    text-align: center;
}
main th.BC0 {
    border: none;
}
/* Zellen rechtsbündiger Inhalt ohne Rand */
main td.BR0 {
    border: none;
    text-align: right;
}
/* Zellen linksbündiger Inhalt ohne Rand */
main td.BL0 {
    border: none;
    text-align: left;
}

/* sehr schmale Tabelle zentriert */
main table.T0 {
    width: 180px;
    margin-left: auto;
    margin-right: auto;
}
/* sehr schmale Tabelle zentriert */
main table.T1 {
    width: 360px;
    margin-left: auto;
    margin-right: auto;
}
/* sehr schmale Tabelle zentriert kleiner Abstand nach oben und unten */
main table.T1H {
    width: 360px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    margin-bottom: 2em;
}
/* schmale Tabelle zentriert */
main table.T2 {
    width: 420px;
    margin-left: auto;
    margin-right: auto;
}
/* schmale Tabelle zentriert kleiner Abstand nach oben und unten */
main table.T2H {
    width: 420px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    margin-bottom: 2em;
}

/* schmale Tabelle zentriert */
main table.T3 {
    width: 480px;
    margin-left: auto;
    margin-right: auto;
}
/* schmale Tabelle zentriert  kleiner Abstand nach oben und unten */
main table.T3H {
    width: 480px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    margin-bottom: 2em;
}

/* schmale Tabelle zentriert erhöhter Abstand nach oben */
main table.T2T {
    width: 420px;
    margin-top: 3em;
    margin-left: auto;
    margin-right: auto;
}
/* schmale Tabelle zentriert erhöhter Abstand nach oben */
main table.T3T {
    width: 480px;
    margin-top: 3em;
    margin-left: auto;
    margin-right: auto;
}


/* mittlere Tabelle zentriert */
main table.T4 {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}
/* mittlere Tabelle zentriert mit Abstand nach oben*/
main table.T4H {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    margin-bottom: 2em;
}
/* mittlere Tabelle zentriert */
main table.T41{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* breite Tabelle zentriert */
main table.T5 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}


/* automatische Tabelle zentriert ohne Rahmen */
main table.TX {
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

/* automatische Tabelle zentriert mit dickem Rahmen */
main table.TXR {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    
    border-width: 4px;
    border-style: solid;
    border-color: #999;
}
/* Tabelle für einspaltige Auswahl von Mitgliedern zentriert */
main table.TC1 {
    width: 140px;
    margin-left: auto;
    margin-right: auto;
}
/* Tabelle für zweispaltige Auswahl von Mitgliedern zentriert */
main table.TC2 {
    width: 280px;
    margin-left: auto;
    margin-right: auto;
}
/* Tabelle für dreispaltige Auswahl von Mitgliedern zentriert */
main table.TC3 {
    width: 420px;
    margin-left: auto;
    margin-right: auto;
}
/* Tabelle für vierspaltige Auswahl von Mitgliedern zentriert */
main table.TC4 {
    width: 560px;
    margin-left: auto;
    margin-right: auto;
}
/* Tabelle für fünfspaltige Auswahl von Mitgliedern zentriert */
main table.TC5 {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/* Einstellungen für <button>
---------------------------------------------------------------------------------- */
main .btn-group .button {
    background-color: #AAAAAA;
    border: none;
    border-radius: 6px;
    color: white;
    padding: 6px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    float: none;
  }
  main .btn-group .smartbutton {
    background-color: #AAAAAA;
    border: none;
    border-radius: 6px;
    color: white;
    padding: 6px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    float: none;
  }
  
 main .btn-group .button:hover {
    background-color: #117711;
  }


 main .smartbutton:hover {
    background: #111177;
    background: var(--smartbackground);
  }
  
/* Einstellungen für <input type text>
---------------------------------------------------------------------------------- */
main input[type=text], input[type=password] {
    background-color:#F2F2F2;
    height: 30px;
    font-size: 0.9em;
}
/* Inhalt rechtsbündig */
main input[type=text].R0 {
    background-color:#F2F2F2;
    height: 30px;
    font-size: 1em;
    text-align: right;
}
/* Inhalt linksbündig */
main input[type=text].L0 {
    background-color:#F2F2F2;
    height: 30px;
    font-size: 1em;
    text-align: left;
}
/* Inhalt zentriert */
main input[type=text].C0 {
    background-color:#F2F2F2;
    height: 30px;
    font-size: 1em;
    text-align: center;
}


/*nur für Anzeige */
main input[type=text].D0 {
    border: none;
    border-color: transparent;
    background: transparent;
    text-align: right;
    color: rgb(24, 22, 22);
    padding-right: 10px;
    width: 3em;
}

/* Einstellungen für zwei Elemente nebeneinander 
---------------------------------------------------------------------------------- */
main .leftfloat{
    float: left;
    width: 45%;
    display: block;
    text-align: right;
    margin-right: 50px;
}

main .floatright{
    display: block;
    text-align: left;
}



/* Einstellungen für <input type date>
---------------------------------------------------------------------------------- */
/* für Datumseingaben */
main input[type=date] {
    background-color:rgb(230, 230, 220);
    height: 30px;
    font-size: 1.2em;
}

/* Einstellungen für <label>
---------------------------------------------------------------------------------- */
main label {
    font-size: 1.2em;
    margin-left: 20px;
    margin-right: 20px;
}

main label.L0 {
    font-size: 0.8em;
    margin-left: 0px;
}


/* Einstellungen für Lauftext
---------------------------------------------------------------------------------- */
#container {
    border: 1px solid black;
    border-radius: 6px;
    overflow: hidden;
    background-color: #DDDDDD;
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    height: 3.2em;
}

#ticker {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -moz-animation: ticker 20s linear infinite;
    -webkit-animation: ticker 20s linear infinite;
    animation: ticker ticker 20s linear infinite;
}

@-moz-keyframes ticker {
    from { -moz-transform: translateX(100%); }
    to { -moz-transform: translateX(-100%); }
}

@-webkit-keyframes ticker {
    from { -webkit-transform: translateX(100%); }
    to { -webkit-transform: translateX(-100%); }
}

@keyframes ticker {
    from {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
      }
      to {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

main p.ticv {
    font-size: 1.6em;
    font-weight: bold;
    line-height: 0em;
    color: rgb(24,22,22);
}
/* Einstellungen für den footer-Block
================================================================================== */



/* Einstellungen für den header-Block
================================================================================== */

header ul > li {
    display: inline-block;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 1.2em;
    margin-right: 40px;
    margin-top: 0px;
    line-height: 60%;
}


header > section > p.U1{
    font-family: Arial, sans-serif;
    line-height: 60%;
    font-size: 2em;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 20px;
}


header .link-button {
    background: none;
    border: none;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    color: blue;
    text-decoration: solid;
    margin-left: 40px;
    cursor: pointer;
  }

  header .link-button:focus {
    outline: none;
  }

  header .link-button:active {
    color:red;
  }

  header .inline {
    display: inline;
  }


/* Einstellungen für den navi-Block
================================================================================== */

nav p {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 1.4em;
    margin-left: 10px;
    font-weight: bold;
}

nav ul > li {
    margin-bottom: 10px;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 1.2em;
}

nav ul > li > a {
    color:blue;
    text-decoration: solid;
}

nav p.link-folder {
    font-family: 'Trebuchet MS', sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    color: blue;
    text-decoration: solid;
    margin-left: 10px;
    margin-bottom: 0px;
}

nav .link-button {
    background: none;
    border: none;
    font-family: 'Trebuchet MS', sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 2em;
    color: blue;
    text-decoration: solid;
    margin-left: 10px;
    cursor: pointer;
  }

  nav .link-button:focus {
    outline: none;
  }

  nav .link-button:active {
    color:red;
  }

nav .link-buttonIndent {
    background: none;
    border: none;
    font-family: 'Trebuchet MS', sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 2em;
    color: blue;
    text-decoration: solid;
    margin-left: 40px;
    cursor: pointer;
  }

  nav .link-buttonIndent:focus {
    outline: none;
  }

  nav .link-buttonIndent:active {
    color:red;
  }


  nav .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
  }
  
  nav .tooltip .tooltiptext {
    visibility: hidden;
    width: 260px;
    background-color: #20038a;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -20px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  nav .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  nav .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }



/* Einstellungen für den aside-Block
================================================================================== */
aside p {
    color: #141414;
    padding: 6px;
    font-size: 1.2em;
    line-height: 1em;
    margin-top: 0em;
    margin-bottom: 0em;
}
aside p.N1 {
    font-size: 1.2em;
    line-height: 1em;
    margin-top: 2em;
    margin-bottom: 0em;
}
aside p.U1 {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1em;
    margin-top: 0em;
    margin-bottom: 0em;
}
aside p.U1H {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1em;
    margin-top: 2em;
    margin-bottom: 0em;
}

aside p.N0 {
    font-size: 0.9em;
    text-align: left;
    line-height: 1.1em;
    margin-top: 0em;
    margin-bottom: 0em;
}

aside p.N1 {
    font-size: 0.9em;
    text-align: left;
    line-height: 1.1em;
    margin-top: 1em;
    margin-bottom: 0em;
}

aside p.C0 {
    font-size: 0.9em;
    text-align: center;
    line-height: 1.1em;
    margin-top: 0em;
    margin-bottom: 0em;
}

aside p.C1 {
    font-size: 0.9em;
    text-align: center;
    line-height: 1.1em;
    margin-top: 1em;
    margin-bottom: 0em;
}

aside p.S0 {
    font-size: 0.9em;
    line-height: 1.1em;
    margin-top: 0em;
    margin-bottom: 0em;
}

aside p.S1 {
    font-size: 1.2em;
    line-height: 1.8em;
    margin-top: 0em;
    margin-bottom: 0em;
}

aside p.hidden {
    visibility: hidden;
}

aside table {
    border-collapse: collapse;
    width:100%
}

aside table.T0 {
    border-collapse: collapse;
    width:60%
}

aside tr {
    line-height: 1.3em;
}

aside tr.hide {
    visibility: collapse;
}

aside td, th {
    border-style: none;
    /*border: 2px solid #AAAAAA;*/
}

aside td {
    padding-left: 5px;
}

aside td.B1 {
    background-color: #8cc1ad;
}

aside td.S1 {
    font-size: 0.7em;
    background-color: #8cc1ad;
}

aside a {
    font-size: 0.9em;
    line-height: 1.1em;
    margin-top: 0em;
    margin-bottom: 0em;
}

aside .link-button {
    background: none;
    border: none;
    font-family: 'Trebuchet MS', sans-serif;
    font-weight: bold;
    font-size: 0.9em;
    line-height: 1.1em;
    color: rgb(200, 50, 50);
    text-align: left;
    text-decoration: solid;
    margin-left: 0px;
    cursor: pointer;
  }

  aside .link-button:focus {
    outline: none;
  }

  aside .link-button:active {
    color:red;
  }

  aside img.floatleft {
    float: left;
  }

  aside img.floatright{
    float: right;
  }

/* Popupfenster 
==================================================================================*/

  .popup .content {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-150%) scale(0);
   width: 800px;
   height: auto;
   z-index: 2;
   text-align: center;
   padding: 16px;
   border-color:rgb(50, 50, 180);
   border-style: solid;
   border-width: 2px;
   border-radius: 10px;
   background: #efefef;
   
   z-index: 1;
  }
  
  .popup .close-btn {
   position: absolute;
   right: 20px;
   top: 20px;
   width: 30px;
   height: 30px;
   color: white;
   font-size: 30px;
   border-radius: 50%;
   padding: 2px 5px 7px 5px;
   background: rgb(20, 50, 220);
   
   }
  
  .popup.active .content {
  transition: all 300ms ease-in-out;
  transform: translate(-50%,-50%) scale(1);
  }
  
  li.L0 {
    font-size: 1.1em;
    text-align: left;
    padding: 0 0 0 2em;
  }

  a {
   font-weight: 600;
   color: rgb(20, 50, 220);
  }
  
  .input-field .validate {
  padding: 20px;
  font-size: 16px;
  border-radius: 5px;
  border: none;
  margin-bottom: 15px;
  color: #000000;
  background: #ffffff;
  border: 2px solid rgb(214, 214, 214);
  width: 270px;
  outline: none;
  }
  
  .second-button {
  color: white;
  font-size: 18px;
  font-weight: 500;
  margin-top: 20px;
  padding: 15px 40px;
  border-radius: 5px;
  border: none;
  background: #05438f;
   
  transition: box-shadow .35s ease !important;
  outline: none;
  }
  
  .second-button:active{
  background: linear-gradient(145deg,#222222, #292929);
   
  border: none;
  outline: none;
  }