body{
    background-color: black;
    background-image: url(photomode_07062024_041456.png);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: white;
    font-family: "Rajdhani", Helvetica, sans-serif;
    font-style: italic;
}

::selection{
    background: #00000077;
    color: #ffd800 !important;
}


a {
    text-decoration: none;
    color: white !important;
}


.navitembg{
    background-color: rgba(0, 0, 0, 0.384);
    margin: 2px;
    transform: skew(-20deg);
    transition: 50ms;
    font-size: larger;
    text-box-edge: inherit;
}
 
.navitembg a{
    transform: skew(20deg) !important;
}

.navitembg:hover{
    padding-left: 15px;
    padding-right: 15px;
    background-color: #ffd900;
    color: black;

}



.bigbutton {
    letter-spacing: 0px;
    margin: 2px;
    padding: 8px;
    backdrop-filter: blur(20px);
    background: #000000;
    background: linear-gradient(-90deg,rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(255,  255, 255, 0.23) 46%, rgba(255, 255, 255, 0.36) 100%);    
    background-size: 500% 500%;
    background-position: 100% 100%;
    transition: 500ms;
    font-style: italic;
    border: white solid;
    border-width: 2px 2px 2px 5px;
    display: block;

    
}

.bigbutton:hover{
    background-position: 0% 0%;
    backdrop-filter: blur(50px);
    letter-spacing: 2px;
    border-width: 2px 2px 2px 8px;

}

a, a:visited, a:hover, a:active {
    color: inherit;
    text-decoration: none;
    display: block;
  }

.worklink, .worklink:visited, .worklink:hover, .worklink:active{
    display: inline;
}

.hidelink{
    cursor: text;
    color: inherit !important;
}

.modal-header {
    border-bottom: 1px solid #dee2e659;}

.modal-footer {
    border-top: 1px solid #dee2e659;
}


tr{
    border-color: #ffffff3b;
}

.onhovertextblack:hover{
    color: #000000 !important;
    transition: 50ms;
}
.navbarblur{
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(30px);
}

.content {
    background-color: rgba(0, 0, 0, 0.212);
    backdrop-filter: blur(15px);
    padding: 20px;
    position: relative;
    top:0; left:0; right:0; bottom:0; margin:auto;
    margin: 1rem;
    display: flexbox;
    align-items: center;
    justify-content: center;
}



.warnbox {
    background-color: #53470062;
    border-style: solid;
    border-color: #ffd800;
    border-width: 2px 2px 2px 5px;
    padding: 10px;
    color: #ffd800;
    backdrop-filter: blur(15px) !important;
    border-radius: 0px;

}

.containerbox {
    background-color: #00000062;
    border-style: solid;
    border-color: #ffffff;
    border-width: 2px 2px 2px 5px;
    padding: 10px;
    color: #ffffff;
    backdrop-filter: blur(15px) !important;
    border-radius: 0px;

}

.galimg{
    scale: 0.9;
    transition: 300ms;
    width: 65%;
    height: 65%;
    display: block;
    margin: auto;

}

.galimg:hover{
    scale: 1.08;

}


.faszomkep {
    display: block;
    margin: auto;
}

.btmpd2{
    padding-bottom: 2px;
}

.titleiku1 {
    font-weight: 600;
    font-size: 400%;
    text-transform: uppercase;
    background: linear-gradient(to bottom,  rgba(28,242,144,1) 0%,rgba(28,242,144,1) 7%,rgba(25,244,152,1) 7%,rgba(19,248,165,1) 8%,rgba(12,254,180,1) 8%,rgba(0,255,208,1) 9%,rgba(0,255,212,1) 9%,rgba(0,255,234,1) 20%,rgba(0,255,250,1) 30%,rgba(0,255,255,1) 36%,rgba(0,255,255,1) 44%,rgba(5,250,253,1) 44%,rgba(14,239,249,1) 45%,rgba(40,212,234,1) 45%,rgba(49,201,228,1) 45%,rgba(83,165,206,1) 45%,rgba(95,152,198,1) 45%,rgba(113,132,185,1) 45%,rgba(125,119,176,1) 45%,rgba(176,67,138,1) 51%,rgba(216,28,107,1) 56%,rgba(238,9,88,1) 60%,rgba(252,0,74,1) 63%,rgba(252,1,58,1) 63%,rgba(252,21,41,1) 64%,rgba(252,47,28,1) 64%,rgba(252,65,22,1) 64%,rgba(250,111,8,1) 69%,rgba(242,137,2,1) 74%,rgba(240,143,1,1) 77%,rgba(240,137,4,1) 77%,rgba(242,108,18,1) 77%,rgba(244,84,29,1) 77%,rgba(245,66,38,1) 77%,rgba(249,20,61,1) 81%,rgba(250,7,68,1) 83%,rgba(251,0,73,1) 85%,rgba(252,0,74,1) 86%,rgba(253,7,72,1) 87%,rgba(253,17,69,1) 87%,rgba(254,38,63,1) 88%,rgba(254,99,42,1) 89%,rgba(254,129,31,1) 100%);
    ;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 10;
    
}
.gradienttext{
    background: linear-gradient(to bottom,  rgba(28,242,144,1) 0%,rgba(28,242,144,1) 7%,rgba(25,244,152,1) 7%,rgba(19,248,165,1) 8%,rgba(12,254,180,1) 8%,rgba(0,255,208,1) 9%,rgba(0,255,212,1) 9%,rgba(0,255,234,1) 20%,rgba(0,255,250,1) 30%,rgba(0,255,255,1) 36%,rgba(0,255,255,1) 44%,rgba(5,250,253,1) 44%,rgba(14,239,249,1) 45%,rgba(40,212,234,1) 45%,rgba(49,201,228,1) 45%,rgba(83,165,206,1) 45%,rgba(95,152,198,1) 45%,rgba(113,132,185,1) 45%,rgba(125,119,176,1) 45%,rgba(176,67,138,1) 51%,rgba(216,28,107,1) 56%,rgba(238,9,88,1) 60%,rgba(252,0,74,1) 63%,rgba(252,1,58,1) 63%,rgba(252,21,41,1) 64%,rgba(252,47,28,1) 64%,rgba(252,65,22,1) 64%,rgba(250,111,8,1) 69%,rgba(242,137,2,1) 74%,rgba(240,143,1,1) 77%,rgba(240,137,4,1) 77%,rgba(242,108,18,1) 77%,rgba(244,84,29,1) 77%,rgba(245,66,38,1) 77%,rgba(249,20,61,1) 81%,rgba(250,7,68,1) 83%,rgba(251,0,73,1) 85%,rgba(252,0,74,1) 86%,rgba(253,7,72,1) 87%,rgba(253,17,69,1) 87%,rgba(254,38,63,1) 88%,rgba(254,99,42,1) 89%,rgba(254,129,31,1) 100%);
    ;
    background-clip: text;
    -webkit-text-fill-color: transparent;

}

.gradientbg{
    background: linear-gradient(to bottom,  rgba(28,242,144,1) 0%,rgba(28,242,144,1) 7%,rgba(25,244,152,1) 7%,rgba(19,248,165,1) 8%,rgba(12,254,180,1) 8%,rgba(0,255,208,1) 9%,rgba(0,255,212,1) 9%,rgba(0,255,234,1) 20%,rgba(0,255,250,1) 30%,rgba(0,255,255,1) 36%,rgba(0,255,255,1) 44%,rgba(5,250,253,1) 44%,rgba(14,239,249,1) 45%,rgba(40,212,234,1) 45%,rgba(49,201,228,1) 45%,rgba(83,165,206,1) 45%,rgba(95,152,198,1) 45%,rgba(113,132,185,1) 45%,rgba(125,119,176,1) 45%,rgba(176,67,138,1) 51%,rgba(216,28,107,1) 56%,rgba(238,9,88,1) 60%,rgba(252,0,74,1) 63%,rgba(252,1,58,1) 63%,rgba(252,21,41,1) 64%,rgba(252,47,28,1) 64%,rgba(252,65,22,1) 64%,rgba(250,111,8,1) 69%,rgba(242,137,2,1) 74%,rgba(240,143,1,1) 77%,rgba(240,137,4,1) 77%,rgba(242,108,18,1) 77%,rgba(244,84,29,1) 77%,rgba(245,66,38,1) 77%,rgba(249,20,61,1) 81%,rgba(250,7,68,1) 83%,rgba(251,0,73,1) 85%,rgba(252,0,74,1) 86%,rgba(253,7,72,1) 87%,rgba(253,17,69,1) 87%,rgba(254,38,63,1) 88%,rgba(254,99,42,1) 89%,rgba(254,129,31,1) 100%);
    ;

}

.rajdhani-light {
  font-family: "Rajdhani", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.rajdhani-regular {
  font-family: "Rajdhani", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.rajdhani-medium {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.rajdhani-semibold {
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.rajdhani-bold {
  font-family: "Rajdhani", sans-serif;
  font-weight: 700;
  font-style: normal;
}


.tclblack{
    color: #000000 !important;
}

.tclpink {
    color: #F702A2 !important;
}

.tclwhite{
    color: white;
}

.tclcyan {
    color: #00FFFF !important;
}

.tclblue {
    color: #0059ff !important;
}


.tclorange{
    color: #F08F01 !important;
}

.tclgreen{
    color: #1CF290 !important;
}

.tcllavander{
    color: #8444f4 !important;
}

.tclyellow{
    color: #ffd800 !important;
}


.bbgreen {
    letter-spacing: 0px;
    margin: 2px;
    padding: 8px;
    backdrop-filter: blur(20px);
    background: #004e1a;
    background: linear-gradient(-90deg,#00632166 0%, #00632166 40%, #00bd3f9d 46%, #00bd3f9d 100%);    
    background-size: 500% 500%;
    background-position: 100% 100%;
    transition: 500ms;
    font-style: italic;
    border: rgb(0, 255, 115) solid;
    border-width: 2px 2px 2px 5px;
    display: block;
    color: #00ff88 !important;

    
}

.bbgreen:hover{
    background-position: 0% 0%;
    backdrop-filter: blur(50px);
    letter-spacing: 2px;
    border-width: 2px 2px 2px 8px;

}


.bbred {
    letter-spacing: 0px;
    margin: 2px;
    padding: 8px;
    backdrop-filter: blur(20px);
    background: #4e0000;
    background: linear-gradient(-90deg,#63000066 0%, #63000066 40%, #bd00009d 46%, #bd00009d 100%);    
    background-size: 500% 500%;
    background-position: 100% 100%;
    transition: 500ms;
    font-style: italic;
    border: rgb(255, 17, 0) solid;
    border-width: 2px 2px 2px 5px;
    display: block;
    color: #ff0000 !important;

    
}

.bbred:hover{
    background-position: 0% 0%;
    backdrop-filter: blur(50px);
    letter-spacing: 2px;
    border-width: 2px 2px 2px 8px;

}

.bbyellow {
    letter-spacing: 0px;
    margin: 2px;
    padding: 8px;
    backdrop-filter: blur(20px);
    background: #ffd90044;
    background: linear-gradient(-90deg,#917b0069 0%, #917b0069 40%, #c0a300ad 46%, #c0a300ad 100%);    
    background-size: 500% 500%;
    background-position: 100% 100%;
    transition: 500ms;
    font-style: italic;
    border: #ffd800 solid;
    border-width: 2px 2px 2px 5px;
    display: block;
    color: #ffd800 !important;

    
}

.bbyellow:hover{
    background-position: 0% 0%;
    backdrop-filter: blur(50px);
    letter-spacing: 2px;
    border-width: 2px 2px 2px 8px;

}


.bbblue {
    letter-spacing: 0px;
    margin: 2px;
    padding: 8px;
    backdrop-filter: blur(20px);
    background: #0099ff44;
    background: linear-gradient(-90deg,#00375c69 0%, #00375c69 40%, #005a96a2 46%, #005a96a2 100%);    
    background-size: 500% 500%;
    background-position: 100% 100%;
    transition: 500ms;
    font-style: italic;
    border: #0099ff solid;
    border-width: 2px 2px 2px 5px;
    display: block;
    color: #0099ff !important;

    
}

.bbblue:hover{
    background-position: 0% 0%;
    backdrop-filter: blur(50px);
    letter-spacing: 2px;
    border-width: 2px 2px 2px 8px;

}


.bbpink {
    letter-spacing: 0px;
    margin: 2px;
    padding: 8px;
    backdrop-filter: blur(20px);
    background: #ff00d444;
    background: linear-gradient(-90deg,#5c005069 0%, #5c005069 40%, #960089a2 46%, #960089a2 100%);    
    background-size: 500% 500%;
    background-position: 100% 100%;
    transition: 500ms;
    font-style: italic;
    border: #ff00aa solid;
    border-width: 2px 2px 2px 5px;
    display: block;
    color: #ff00aa !important;

    
}

.bbpink:hover{
    background-position: 0% 0%;
    backdrop-filter: blur(50px);
    letter-spacing: 2px;
    border-width: 2px 2px 2px 8px;

}


.bbpurple {
    letter-spacing: 0px;
    margin: 2px;
    padding: 8px;
    backdrop-filter: blur(20px);
    background: #c300ff44;
    background: linear-gradient(-90deg,#5c005069 0%, #5c005069 40%, #660096a2 46%, #660096a2 100%);    
    background-size: 500% 500%;
    background-position: 100% 100%;
    transition: 500ms;
    font-style: italic;
    border: #d400ff solid;
    border-width: 2px 2px 2px 5px;
    display: block;
    color: #d400ff !important;

    
}

.bbpurple:hover{
    background-position: 0% 0%;
    backdrop-filter: blur(50px);
    letter-spacing: 2px;
    border-width: 2px 2px 2px 8px;

}


.bbsteel {
    letter-spacing: 0px;
    margin: 2px;
    padding: 8px;
    backdrop-filter: blur(20px);
    background: #1a2a3c44;
    background: linear-gradient(-90deg,#1a2a3c69 0%, #1a2a3c69 40%, #1a2a3c 46%, #1a2a3ca2 100%);    
    background-size: 500% 500%;
    background-position: 100% 100%;
    transition: 500ms;
    font-style: italic;
    border: #355170 solid;
    border-width: 2px 2px 2px 5px;
    display: block;
    color: #355170 !important;

    
}

.bbsteel:hover{
    background-position: 0% 0%;
    backdrop-filter: blur(50px);
    letter-spacing: 2px;
    border-width: 2px 2px 2px 8px;

}