:root {
--bs-body-bg: #23282e;
--bs-body-color: #e9e9e9;
}
body,
html {
height: 100%;
margin: 0;
}
.bg{
background-image:  linear-gradient(rgba(0,0,0,.015) 1px, transparent 1px), linear-gradient(to right, rgba(0,0,0,.015) 1px, transparent 1px);
background-size: 20px 20px;
}
[data-bs-theme=dark] .bg {
background-image:  linear-gradient(rgba(131,131,131,.03) 1px, transparent 1px), linear-gradient(to right, rgba(131,131,131,.03) 1px, transparent 1px);
}
.flip,
.loader {
display: inline-block;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 700;
line-height: 1.2;
}
.h1,
h1 {
font-size: calc(1.425rem + 2.1vw);
}
.h2,
h2 {
font-size: calc(1.35rem + 1.2vw);
}
.h3,
h3 {
font-size: calc(1.3125rem + 0.75vw);
}
.h4,
h4 {
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
.h1,
h1 {
font-size: 3rem;
}
.h2,
h2 {
font-size: 2.25rem;
}
.h3,
h3 {
font-size: 1.875rem;
}
.h4,
h4 {
font-size: 1.5rem;
}
}
.text-primary {
color: #3066ff !important;
}
.flip {
-webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
-moz-transform: matrix(-1, 0, 0, 1, 0, 0);
-o-transform: matrix(-1, 0, 0, 1, 0, 0);
transform: matrix(-1, 0, 0, 1, 0, 0);
}
.loader {
width: 12px;
aspect-ratio: 6;
background: radial-gradient(
circle closest-side,
var(--bs-body-color) 90%,
transparent
)
0 / calc(100% / 3) 100% space;
clip-path: inset(0 100% 0 0);
animation: 1.5s steps(4) infinite l1;
}
@keyframes l1 {
to {
clip-path: inset(0 -34% 0 0);
}
}
.colored-shadow {
transform: scale(0.94);
top: 3.5%;
filter: blur(8px);
position: absolute;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
z-index: -1;
}
.logo{z-index: 1;}
.blur { -webkit-backdrop-filter: saturate(200%) blur(30px);
backdrop-filter: saturate(200%) blur(30px);
background-color: hsl(0deg 0% 70.87% / 6%) !important
}
.blur.saturation-less {
-webkit-backdrop-filter: saturate(20%) blur(30px);
backdrop-filter: saturate(20%) blur(30px)
}
.blur.blur-rounded {
border-radius: 40px
}
.blur.blur-light {
background-color: hsla(0, 0%, 100%, .4)
}
.blur.blur-dark {
background-color: rgba(0, 0, 0, .3)
}
.navbar-nav .nav-item {--bs-navbar-nav-link-padding-x: 1rem !important;}
.navbar-nav .nav-item:first-child > .nav-link {padding-left: 0;}  .footer-nav {
justify-content: center;
}
.footer-nav .nav-item {
display: flex;
align-items: center;
}
.footer-nav .nav-item:not(:last-child)::after {
content: '•';
margin: 0 0.75rem;
color: inherit;
opacity: 0.6;
}
@media (max-width:991.98px) {
.navbar { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;}
}
.jumbo .badge-1 {clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);padding-right: 15px !important;}
.jumbo .badge-2 {clip-path: polygon(12% 0, 100% 0%, 100% 100%, 0% 100%); padding-left: 15px !important; margin-left: -8px; height: 29px;}
.text-xs {
font-size: .75rem !important;
line-height: 1rem !important;
}
.btn {
padding: .75rem 1.5rem !important;
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-blue {
transition-property: all;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: .15s;
--tw-shadow-color: rgb(48 102 255 / .2);
--tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue:hover {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.m-0 { margin: 0 !important } .m-1 { margin: .25rem !important } .m-2 { margin: .5rem !important } .m-3 { margin: 1rem !important } .m-4 { margin: 1.5rem !important } .m-5 { margin: 3rem !important } .m-6 { margin: 4rem !important } .m-7 { margin: 6rem !important } .m-8 { margin: 8rem !important } .m-9 { margin: 10rem !important } .m-10 { margin: 12rem !important } .m-11 { margin: 14rem !important } .m-12 { margin: 16rem !important } .m-auto { margin: auto !important } .mx-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-6 { margin-right: 4rem !important; margin-left: 4rem !important } .mx-7 { margin-right: 6rem !important; margin-left: 6rem !important } .mx-8 { margin-right: 8rem !important; margin-left: 8rem !important } .mx-9 { margin-right: 10rem !important; margin-left: 10rem !important } .mx-10 { margin-right: 12rem !important; margin-left: 12rem !important } .mx-11 { margin-right: 14rem !important; margin-left: 14rem !important } .mx-12 { margin-right: 16rem !important; margin-left: 16rem !important } .mx-auto { margin-right: auto !important; margin-left: auto !important } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-6 { margin-top: 4rem !important; margin-bottom: 4rem !important } .my-7 { margin-top: 6rem !important; margin-bottom: 6rem !important } .my-8 { margin-top: 8rem !important; margin-bottom: 8rem !important } .my-9 { margin-top: 10rem !important; margin-bottom: 10rem !important } .my-10 { margin-top: 12rem !important; margin-bottom: 12rem !important } .my-11 { margin-top: 14rem !important; margin-bottom: 14rem !important } .my-12 { margin-top: 16rem !important; margin-bottom: 16rem !important } .my-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-0 { margin-top: 0 !important } .mt-1 { margin-top: .25rem !important } .mt-2 { margin-top: .5rem !important } .mt-3 { margin-top: 1rem !important } .mt-4 { margin-top: 1.5rem !important } .mt-5 { margin-top: 3rem !important } .mt-6 { margin-top: 4rem !important } .mt-7 { margin-top: 6rem !important } .mt-8 { margin-top: 8rem !important } .mt-9 { margin-top: 10rem !important } .mt-10 { margin-top: 12rem !important } .mt-11 { margin-top: 14rem !important } .mt-12 { margin-top: 16rem !important } .mt-auto { margin-top: auto !important } .me-0 { margin-right: 0 !important } .me-1 { margin-right: .25rem !important } .me-2 { margin-right: .5rem !important } .me-3 { margin-right: 1rem !important } .me-4 { margin-right: 1.5rem !important } .me-5 { margin-right: 3rem !important } .me-6 { margin-right: 4rem !important } .me-7 { margin-right: 6rem !important } .me-8 { margin-right: 8rem !important } .me-9 { margin-right: 10rem !important } .me-10 { margin-right: 12rem !important } .me-11 { margin-right: 14rem !important } .me-12 { margin-right: 16rem !important } .me-auto { margin-right: auto !important } .mb-0 { margin-bottom: 0 !important } .mb-1 { margin-bottom: .25rem !important } .mb-2 { margin-bottom: .5rem !important } .mb-3 { margin-bottom: 1rem !important } .mb-4 { margin-bottom: 1.5rem !important } .mb-5 { margin-bottom: 3rem !important } .mb-6 { margin-bottom: 4rem !important } .mb-7 { margin-bottom: 6rem !important } .mb-8 { margin-bottom: 8rem !important } .mb-9 { margin-bottom: 10rem !important } .mb-10 { margin-bottom: 12rem !important } .mb-11 { margin-bottom: 14rem !important } .mb-12 { margin-bottom: 16rem !important } .mb-auto { margin-bottom: auto !important } .ms-0 { margin-left: 0 !important } .ms-1 { margin-left: .25rem !important } .ms-2 { margin-left: .5rem !important } .ms-3 { margin-left: 1rem !important } .ms-4 { margin-left: 1.5rem !important } .ms-5 { margin-left: 3rem !important } .ms-6 { margin-left: 4rem !important } .ms-7 { margin-left: 6rem !important } .ms-8 { margin-left: 8rem !important } .ms-9 { margin-left: 10rem !important } .ms-10 { margin-left: 12rem !important } .ms-11 { margin-left: 14rem !important } .ms-12 { margin-left: 16rem !important } .ms-auto { margin-left: auto !important } .m-n1 { margin: -.25rem !important } .m-n2 { margin: -.5rem !important } .m-n3 { margin: -1rem !important } .m-n4 { margin: -1.5rem !important } .m-n5 { margin: -3rem !important } .m-n6 { margin: -4rem !important } .m-n7 { margin: -6rem !important } .m-n8 { margin: -8rem !important } .m-n9 { margin: -10rem !important } .m-n10 { margin: -12rem !important } .m-n11 { margin: -14rem !important } .m-n12 { margin: -16rem !important } .mx-n1 { margin-right: -.25rem !important; margin-left: -.25rem !important } .mx-n2 { margin-right: -.5rem !important; margin-left: -.5rem !important } .mx-n3 { margin-right: -1rem !important; margin-left: -1rem !important } .mx-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important } .mx-n5 { margin-right: -3rem !important; margin-left: -3rem !important } .mx-n6 { margin-right: -4rem !important; margin-left: -4rem !important } .mx-n7 { margin-right: -6rem !important; margin-left: -6rem !important } .mx-n8 { margin-right: -8rem !important; margin-left: -8rem !important } .mx-n9 { margin-right: -10rem !important; margin-left: -10rem !important } .mx-n10 { margin-right: -12rem !important; margin-left: -12rem !important } .mx-n11 { margin-right: -14rem !important; margin-left: -14rem !important } .mx-n12 { margin-right: -16rem !important; margin-left: -16rem !important } .my-n1 { margin-top: -.25rem !important; margin-bottom: -.25rem !important } .my-n2 { margin-top: -.5rem !important; margin-bottom: -.5rem !important } .my-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important } .my-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important } .my-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important } .my-n6 { margin-top: -4rem !important; margin-bottom: -4rem !important } .my-n7 { margin-top: -6rem !important; margin-bottom: -6rem !important } .my-n8 { margin-top: -8rem !important; margin-bottom: -8rem !important } .my-n9 { margin-top: -10rem !important; margin-bottom: -10rem !important } .my-n10 { margin-top: -12rem !important; margin-bottom: -12rem !important } .my-n11 { margin-top: -14rem !important; margin-bottom: -14rem !important } .my-n12 { margin-top: -16rem !important; margin-bottom: -16rem !important } .mt-n1 { margin-top: -.25rem !important } .mt-n2 { margin-top: -.5rem !important } .mt-n3 { margin-top: -1rem !important } .mt-n4 { margin-top: -1.5rem !important } .mt-n5 { margin-top: -3rem !important } .mt-n6 { margin-top: -4rem !important } .mt-n7 { margin-top: -6rem !important } .mt-n8 { margin-top: -8rem !important } .mt-n9 { margin-top: -10rem !important } .mt-n10 { margin-top: -12rem !important } .mt-n11 { margin-top: -14rem !important } .mt-n12 { margin-top: -16rem !important } .me-n1 { margin-right: -.25rem !important } .me-n2 { margin-right: -.5rem !important } .me-n3 { margin-right: -1rem !important } .me-n4 { margin-right: -1.5rem !important } .me-n5 { margin-right: -3rem !important } .me-n6 { margin-right: -4rem !important } .me-n7 { margin-right: -6rem !important } .me-n8 { margin-right: -8rem !important } .me-n9 { margin-right: -10rem !important } .me-n10 { margin-right: -12rem !important } .me-n11 { margin-right: -14rem !important } .me-n12 { margin-right: -16rem !important } .mb-n1 { margin-bottom: -.25rem !important } .mb-n2 { margin-bottom: -.5rem !important } .mb-n3 { margin-bottom: -1rem !important } .mb-n4 { margin-bottom: -1.5rem !important } .mb-n5 { margin-bottom: -3rem !important } .mb-n6 { margin-bottom: -4rem !important } .mb-n7 { margin-bottom: -6rem !important } .mb-n8 { margin-bottom: -8rem !important } .mb-n9 { margin-bottom: -10rem !important } .mb-n10 { margin-bottom: -12rem !important } .mb-n11 { margin-bottom: -14rem !important } .mb-n12 { margin-bottom: -16rem !important } .ms-n1 { margin-left: -.25rem !important } .ms-n2 { margin-left: -.5rem !important } .ms-n3 { margin-left: -1rem !important } .ms-n4 { margin-left: -1.5rem !important } .ms-n5 { margin-left: -3rem !important } .ms-n6 { margin-left: -4rem !important } .ms-n7 { margin-left: -6rem !important } .ms-n8 { margin-left: -8rem !important } .ms-n9 { margin-left: -10rem !important } .ms-n10 { margin-left: -12rem !important } .ms-n11 { margin-left: -14rem !important } .ms-n12 { margin-left: -16rem !important } .p-0 { padding: 0 !important } .p-1 { padding: .25rem !important } .p-2 { padding: .5rem !important } .p-3 { padding: 1rem !important } .p-4 { padding: 1.5rem !important } .p-5 { padding: 3rem !important } .p-6 { padding: 4rem !important } .p-7 { padding: 6rem !important } .p-8 { padding: 8rem !important } .p-9 { padding: 10rem !important } .p-10 { padding: 12rem !important } .p-11 { padding: 14rem !important } .p-12 { padding: 16rem !important } .px-0 { padding-right: 0 !important; padding-left: 0 !important } .px-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important } .px-6 { padding-right: 4rem !important; padding-left: 4rem !important } .px-7 { padding-right: 6rem !important; padding-left: 6rem !important } .px-8 { padding-right: 8rem !important; padding-left: 8rem !important } .px-9 { padding-right: 10rem !important; padding-left: 10rem !important } .px-10 { padding-right: 12rem !important; padding-left: 12rem !important } .px-11 { padding-right: 14rem !important; padding-left: 14rem !important } .px-12 { padding-right: 16rem !important; padding-left: 16rem !important } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .py-6 { padding-top: 4rem !important; padding-bottom: 4rem !important } .py-7 { padding-top: 6rem !important; padding-bottom: 6rem !important } .py-8 { padding-top: 8rem !important; padding-bottom: 8rem !important } .py-9 { padding-top: 10rem !important; padding-bottom: 10rem !important } .py-10 { padding-top: 12rem !important; padding-bottom: 12rem !important } .py-11 { padding-top: 14rem !important; padding-bottom: 14rem !important } .py-12 { padding-top: 16rem !important; padding-bottom: 16rem !important } .pt-0 { padding-top: 0 !important } .pt-1 { padding-top: .25rem !important } .pt-2 { padding-top: .5rem !important } .pt-3 { padding-top: 1rem !important } .pt-4 { padding-top: 1.5rem !important } .pt-5 { padding-top: 3rem !important } .pt-6 { padding-top: 4rem !important } .pt-7 { padding-top: 6rem !important } .pt-8 { padding-top: 8rem !important } .pt-9 { padding-top: 10rem !important } .pt-10 { padding-top: 12rem !important } .pt-11 { padding-top: 14rem !important } .pt-12 { padding-top: 16rem !important } .pe-0 { padding-right: 0 !important } .pe-1 { padding-right: .25rem !important } .pe-2 { padding-right: .5rem !important } .pe-3 { padding-right: 1rem !important } .pe-4 { padding-right: 1.5rem !important } .pe-5 { padding-right: 3rem !important } .pe-6 { padding-right: 4rem !important } .pe-7 { padding-right: 6rem !important } .pe-8 { padding-right: 8rem !important } .pe-9 { padding-right: 10rem !important } .pe-10 { padding-right: 12rem !important } .pe-11 { padding-right: 14rem !important } .pe-12 { padding-right: 16rem !important } .pb-0 { padding-bottom: 0 !important } .pb-1 { padding-bottom: .25rem !important } .pb-2 { padding-bottom: .5rem !important } .pb-3 { padding-bottom: 1rem !important } .pb-4 { padding-bottom: 1.5rem !important } .pb-5 { padding-bottom: 3rem !important } .pb-6 { padding-bottom: 4rem !important } .pb-7 { padding-bottom: 6rem !important } .pb-8 { padding-bottom: 8rem !important } .pb-9 { padding-bottom: 10rem !important } .pb-10 { padding-bottom: 12rem !important } .pb-11 { padding-bottom: 14rem !important } .pb-12 { padding-bottom: 16rem !important } .ps-0 { padding-left: 0 !important } .ps-1 { padding-left: .25rem !important } .ps-2 { padding-left: .5rem !important } .ps-3 { padding-left: 1rem !important } .ps-4 { padding-left: 1.5rem !important } .ps-5 { padding-left: 3rem !important } .ps-6 { padding-left: 4rem !important } .ps-7 { padding-left: 6rem !important } .ps-8 { padding-left: 8rem !important } .ps-9 { padding-left: 10rem !important } .ps-10 { padding-left: 12rem !important } .ps-11 { padding-left: 14rem !important } .ps-12 { padding-left: 16rem !important } .gap-0 { gap: 0 !important } .gap-1 { gap: .25rem !important } .gap-2 { gap: .5rem !important } .gap-3 { gap: 1rem !important } .gap-4 { gap: 1.5rem !important } .gap-5 { gap: 3rem !important } .gap-6 { gap: 4rem !important } .gap-7 { gap: 6rem !important } .gap-8 { gap: 8rem !important } .gap-9 { gap: 10rem !important } .gap-10 { gap: 12rem !important } .gap-11 { gap: 14rem !important } .gap-12 { gap: 16rem !important }
.splide__slide {
display: flex;
align-items: center;
justify-content: center;
margin: 0 1rem !important;
}
.splide__slide img {
max-width: 100%;
max-height: 100%;
object-fit: contain; }
.filtre-gri {
filter: drop-shadow(0px 1000px 0 rgba(var(--bs-dark-rgb), .4));
transform: translateY(-1000px);
} .imessage { background-color: #fff; border: 1px solid #e5e5ea; border-radius: 0.25rem; display: flex; flex-direction: column; font-size: 1.25rem; margin: 0 auto 1rem; max-width: 600px; padding: 0.5rem 1.5rem; } .imessage p { border-radius: 1.15rem; line-height: 1.25; max-width: 75%; padding: 0.5rem .875rem; position: relative; word-wrap: break-word; } .imessage p::before, .imessage p::after { bottom: -0.1rem; content: ""; height: 1rem; position: absolute; } p.from-me { align-self: flex-end; background-color: #248bf5; color: #fff; } p.from-me::before { border-bottom-left-radius: 0.8rem 0.7rem; border-right: 1rem solid #248bf5; right: -0.35rem; transform: translate(0, -0.1rem); } p.from-me::after { background-color: #fff; border-bottom-left-radius: 0.5rem; right: -40px; transform:translate(-30px, -2px); width: 10px; } p[class^="from-"] { margin: 0.5rem 0; width: fit-content; } p.from-me ~ p.from-me { margin: 0.25rem 0 0; } p.from-me ~ p.from-me:not(:last-child) { margin: 0.25rem 0 0; } p.from-me ~ p.from-me:last-child { margin-bottom: 0.5rem; } p.from-them { align-items: flex-start; background-color: #e5e5ea; color: #000; } p.from-them:before { border-bottom-right-radius: 0.8rem 0.7rem; border-left: 1rem solid #e5e5ea; left: -0.35rem; transform: translate(0, -0.1rem); } p.from-them::after { background-color: #fff; border-bottom-right-radius: 0.5rem; left: 20px; transform: translate(-30px, -2px); width: 10px; } p[class^="from-"].emoji { background: none; font-size: 2.5rem; } p[class^="from-"].emoji::before { content: none; } .no-tail::before { display: none; } .margin-b_none { margin-bottom: 0 !important; } .margin-b_one { margin-bottom: 1rem !important; } .margin-t_one { margin-top: 1rem !important; } .tik{width: 19px;height: 19px; line-height: 15px; font-size: 13px !important;}
.ok-gradient {z-index: -1; background-size: 100% 110%; background-position: 0px 0px; background-image:radial-gradient(24% 33% at 79% 45%, #6EA3E8FF 0, #073AFF00 100%);width: 100%;height: 100%;}
[data-bs-theme=dark] {
.bg-white {background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;}
.link-dark {color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important}
}
.twentytwenty-container {
height: 100vh;
}
pre:not(.entry-content pre) {
--bs-bg-opacity: 1;
background: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
height: 100%;
overflow: auto;
padding: 10px;
margin: 0;
border-radius: var(--bs-border-radius);
}
.result {
height: 100%;
overflow: auto;
padding: 10px;
} .split {
display: flex;
flex-direction: row;
overflow: hidden;
position: relative;
}
.gutter {
background-color: var(--bs-secondary);
background-repeat: no-repeat;
background-position: 50%;
}
.gutter.gutter-horizontal {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==);
cursor: col-resize;
}
.split .position-absolute{z-index: -1;} .hover-border:hover i {
border-color: rgba(var(--bs-dark-rgb), .8) !important;
}
footer .list-unstyled a{
color:var(--bs-gray-800);
}
footer .list-unstyled a:hover{color:var(--bs-dark);text-decoration: underline !important;}
.text-decoration-underline-hover:hover{text-decoration: underline !important;}
.icon-move-right i, .icon-move-left i {
transition: all .2s cubic-bezier(.34, 1.61, .7, 1.3)
}
.icon-move-right:focus i,
.icon-move-right:hover i {
transform: translateX(5px)
}
.icon-move-left:focus i,
.icon-move-left:hover i {
transform: translateX(-5px)
}
.yorumlar a, .post-edit-link, .tag-cloud a {text-decoration: none !important;}
.entry-content img {    border-radius: .75rem;}
.cursor-pointer {cursor: pointer;} .fancybox__backdrop::after {
content: '';
position: absolute;
width: 10%;
height: 10%;
filter: blur(2px);
left: 50%;
top: 50%;
transform: scale(11);
opacity:0.8;
background-image: var(--bg-image);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.fancybox__toolbar {
padding: 16px;
}
.fancybox__toolbar,
.fancybox__nav {
--f-button-border-radius: 50%;
--f-button-bg: rgb(91 78 76 / 64%);
--f-button-hover-bg: rgb(91 78 76 / 74%);
--f-button-active-bg: rgb(91 78 76 / 84%);
}
.fancybox__nav {
--f-button-svg-width: 22px;
--f-button-svg-height: 22px;
}
.fancybox__thumbs.is-classic {
--f-thumb-width: 48px;
--f-thumb-height: 48px;
--f-thumb-gap: 16px;
--f-thumb-border-radius: 6px;
--f-thumb-outline: 0;
}
.portfolyo-logo {max-width: 100%;max-height: 100%;}
.portfolyo-govde {height: 140px;
max-height: 100%;
display: flex;
align-content: flex-end;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}
.bg-blurimage {
position: absolute;
width: 100%;
height: 100%;
filter: blur(25px);
left: 0%;
top: 15%;
opacity: 0.3;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
transform: scale(.5);
}
.facebook {background-color: #435893;}
.facebook-messenger {background: rgb(181,86,79); background: linear-gradient(201deg, rgb(181 86 79) 0%, rgba(0, 140, 233, 1) 100%);}
.twitter {background-color: #14171a;}
.whatsapp {background-color: #24d366;}
.small-2 { font-size: .7em; }
.jumbo h1 {font-size: 2rem;} .burst { width: 8px; height: 8px; display: inline-block; background: var(--bs-success); border-radius: 100%; margin-right: .5rem; top: -1px; position: relative; }
.burst:before { background: var(--bs-success);
border: 3px solid transparent;
border-radius: 100%;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
height: 8px;
width: 8px;
animation: burst-animation 1s infinite;
animation-fill-mode: forwards;
}
@keyframes burst-animation {from { opacity: 1; transform:scale(1); }to { opacity: 0; transform:scale(3); }  }  @keyframes upDown {
0%, 100% {
transform: translateY(0);
opacity: 1;
}
50% {
transform: translateY(-5px);
opacity: .9;
}
}
.moving {
display: inline-block;
animation: upDown 3s infinite ease-in-out;
}  .animate-underline .animate-target,
.animate-underline.animate-target {
position: relative;
text-decoration: none
}
.animate-underline .animate-target:after,
.animate-underline.animate-target:after {
background-color: currentcolor;
bottom: 0;
content: "";
height: var(--cz-underline-thickness);
left: 0;
position: absolute;
transform: scaleX(0);
transform-origin: bottom right;
transition: transform .3s ease-out;
width: 100%
}
.animate-underline.active .animate-target:after,
.animate-underline.active.animate-target:after,
.animate-underline.show .animate-target:after,
.animate-underline.show.animate-target:after,
.animate-underline:focus-visible .animate-target:after,
.animate-underline:focus-visible.animate-target:after,
.animate-underline:hover .animate-target:after,
.animate-underline:hover.animate-target:after {
transform: scaleX(1);
transform-origin: bottom left
}
.animate-shake:focus-visible .animate-target,
.animate-shake:hover .animate-target,
.animate-shake:focus-visible .animate-target::before,
.animate-shake:hover .animate-target::before {
animation: shake .8s;
display: inline-block;
}
@keyframes shake {
0% {
transform: scaleX(1)
}
20% {
transform: scale3d(.9, .9, .9) rotate(-5deg)
}
50%,
70%,
90% {
transform: scale3d(1.05, 1.05, 1.05) rotate(5deg)
}
60%,
80% {
transform: scale3d(1.05, 1.05, 1.05) rotate(-5deg)
}
to {
transform: scaleX(1)
}
}
.animate-pulse:focus-visible .animate-target,
.animate-pulse:hover .animate-target,
.animate-pulse:focus-visible .animate-target::before,
.animate-pulse:hover .animate-target::before {
animation: pulse .9s;
display: inline-block;
}
@keyframes pulse {
0% {
transform: scale(1)
}
14% {
transform: scale(1.25)
}
28% {
transform: scale(1)
}
42% {
transform: scale(1.25)
}
70% {
transform: scale(1)
}
}
.animate-rotate:focus-visible .animate-target,
.animate-rotate:hover .animate-target,
.animate-rotate:focus-visible .animate-target::before,
.animate-rotate:hover .animate-target::before {
animation: rotate .45s ease-in-out;
display: inline-block;
}
@keyframes rotate {
0% {
transform: rotate(0)
}
to {
transform: rotate(1turn)
}
}
.animate-scale:focus-visible .animate-target,
.animate-scale:hover .animate-target,
.animate-scale:focus-visible .animate-target::before,
.animate-scale:hover .animate-target::before {
animation: scale .55s ease-in-out;
display: inline-block;
}
@keyframes scale {
0% {
transform: scaleX(1)
}
50% {
transform: scale3d(1.1, 1.1, 1.1)
}
to {
transform: scaleX(1)
}
}
.animate-slide-end {
overflow: hidden
}
.animate-slide-end:focus-visible .animate-target,
.animate-slide-end:hover .animate-target,
.animate-slide-end:focus-visible .animate-target::before,
.animate-slide-end:hover .animate-target::before {
animation: slide-end .3s forwards;
display: inline-block;
}
.animate-slide-start {
overflow: hidden
}
.animate-slide-start:focus-visible .animate-target,
.animate-slide-start:hover .animate-target,
.animate-slide-start:focus-visible .animate-target::before,
.animate-slide-start:hover .animate-target::before {
animation: slide-start .3s forwards;
display: inline-block;
}
.animate-slide-up {
overflow: hidden
}
.animate-slide-up:focus-visible .animate-target,
.animate-slide-up:hover .animate-target,
.animate-slide-up:focus-visible .animate-target::before,
.animate-slide-up:hover .animate-target::before {
animation: slide-up .3s forwards;
display: inline-block;
}
.animate-slide-down {
overflow: hidden
}
.animate-slide-down:focus-visible .animate-target,
.animate-slide-down:hover .animate-target,
.animate-slide-down:focus-visible .animate-target::before,
.animate-slide-down:hover .animate-target::before {
animation: slide-down .3s forwards;
display: inline-block;
}
@keyframes slide-end {
49% {
transform: translate(100%)
}
50% {
opacity: 0;
transform: translate(-100%)
}
51% {
opacity: 1
}
}
@keyframes slide-start {
49% {
transform: translate(-100%)
}
50% {
opacity: 0;
transform: translate(100%)
}
51% {
opacity: 1
}
}
@keyframes slide-up {
49% {
transform: translateY(-100%)
}
50% {
opacity: 0;
transform: translateY(100%)
}
51% {
opacity: 1
}
}
@keyframes slide-down {
49% {
transform: translateY(100%)
}
50% {
opacity: 0;
transform: translateY(-100%)
}
51% {
opacity: 1
}
}
.animate-blinking {
animation: blinking 1s infinite
}
@keyframes blinking {
0% {
opacity: 0
}
}
.animate-pulse .animate-target:after,
.animate-rotate .animate-target:after,
.animate-scale .animate-target:after,
.animate-shake .animate-target:after,
.animate-slide-down .animate-target:after,
.animate-slide-end .animate-target:after,
.animate-slide-start .animate-target:after,
.animate-slide-up .animate-target:after {
display: none
}
.animate-up-down {
animation: move-up-down 5s linear infinite
}
@keyframes move-up-down {
0%,
to {
transform: translateY(0)
}
50% {
transform: translateY(-1rem)
}
}
.animate-down-up {
animation: move-down-up 5s linear infinite
}
@keyframes move-down-up {
0%,
to {
transform: translateY(0)
}
50% {
transform: translateY(1rem)
}
}
.animate-spin {
animation: spin 10s linear infinite
}
@keyframes spin {
0% {
transform: rotate(0deg)
}
50% {
transform: rotate(180deg)
}
to {
transform: rotate(1turn)
}
}
.animate-blink {
animation: blink 1.75s linear infinite
}
@keyframes blink {
0% {
opacity: 0
}
50% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fade-in {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fade-up {
0% {
opacity: 0;
transform: translateY(.5rem)
}
to {
opacity: 1;
transform: translateY(0)
}
}
.hover-effect-scale {
--cz-transition-duration: .35s;
--cz-transform-scale: 1.06
}
.hover-effect-scale .hover-effect-target {
transition: transform var(--cz-transition-duration) ease-in-out
}
.hover-effect-scale:focus-visible .hover-effect-target,
.hover-effect-scale:focus-within .hover-effect-target,
.hover-effect-scale:hover .hover-effect-target {
transform: scale(var(--cz-transform-scale))
}
.hover-effect-opacity {
--cz-transition-duration: .25s
}
.hover-effect-opacity .hover-effect-target {
transition: visibility var(--cz-transition-duration) ease-in-out, opacity var(--cz-transition-duration) ease-in-out
}
.hover-effect-opacity:focus-visible .hover-effect-target.opacity-0,
.hover-effect-opacity:focus-within .hover-effect-target.opacity-0,
.hover-effect-opacity:hover .hover-effect-target.opacity-0 {
opacity: 1 !important;
visibility: visible !important
}
.hover-effect-opacity:focus-visible .hover-effect-target.opacity-100,
.hover-effect-opacity:focus-within .hover-effect-target.opacity-100,
.hover-effect-opacity:hover .hover-effect-target.opacity-100 {
opacity: 0 !important;
visibility: hidden !important
}
.hover-effect-scale.hover-effect-opacity .hover-effect-target {
transition: all var(--cz-transition-duration) ease-in-out
}
.hover-effect-underline:hover {
text-decoration: underline !important;
text-decoration-thickness: var(--cz-underline-thickness) !important
} #portfolio-container article:first-child {border-top: none !important;} .pl-ent { color: #22863a; }
.pl-e { color: #6f42c1; }
.pl-s { color: #032f62; }
.pl-s1 { color: #005cc5; }
.pl-c1 { color: #005cc5; }
.pl-k { color: #d73a49; }
.pl-en { color: #6f42c1; }
.pl-c { color: #6a737d; font-style: italic; }
.pl-pds { color: #032f62; }
.pl-smi { color: #24292e; }
.icerik h1 {font-size: 1.5rem;}
.icerik h2 {font-size: 1.25rem;}
.icerik h3 {font-size: 1rem;}
.icerik h4 {font-size: .875rem;}
.icerik h5 {font-size: .75rem;}
.icerik h6 {font-size: .625rem;}
strong{font-weight: 600 !important;}
.icerik > ol >li {margin-bottom: .5rem;}
.icerik ol li p {margin-bottom: 0;}
.icerik h2.heading-element {border-bottom: 1px solid var(--bs-border-color)!important;margin: 1.5rem 0 1rem 0;padding-bottom: .5rem;}
.icerik .markdown-heading > p {margin: 0 !important;}
.icerik .highlight {margin-bottom: 1.5rem;}
.icerik img {max-width: 100% !important;}
.satir-1 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1!important;
-webkit-box-orient: vertical
}
.satir-2 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2!important;
-webkit-box-orient: vertical
}
.satir-3 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3!important;
-webkit-box-orient: vertical
}
.satir-4 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4!important;
-webkit-box-orient: vertical
}
.satir-5 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5!important;
-webkit-box-orient: vertical
}
.satir-6 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 6!important;
-webkit-box-orient: vertical
}
.satir-7 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 7!important;
-webkit-box-orient: vertical
}