@tailwind base;@tailwind components;@tailwind utilities;@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out forwards}@font-face{font-family:MyFont;font-style:normal;font-weight:400;src:url(/static/media/Jost-Regular.59de2b38b1b77348c048.ttf) format("truetype")}body{font-family:MyFont,sans-serif}.switch{--width-of-switch:3.5em;--height-of-switch:2em;--size-of-icon:1.4em;--slider-offset:0.3em;display:block;height:var(--height-of-switch);position:relative;width:var(--width-of-switch)}.switch input{height:0;opacity:0;width:0}.slider{background-color:#f4f4f5;border-radius:30px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background:linear-gradient(40deg,#ff0080,#ff8c00 70%);border-radius:20px;content:"";height:1.4em;height:var(--size-of-icon,1.4em);left:.3em;left:var(--slider-offset,.3em);top:50%;transform:translateY(-50%);width:1.4em;width:var(--size-of-icon,1.4em)}input:checked+.slider{background-color:#303136}input:checked+.slider:before{background:#303136;box-shadow:inset -3px -2px 5px -2px #8983f7,inset -10px -4px 0 0 #a3dafb;left:calc(100% - 1.7em);left:calc(100% - var(--size-of-icon,1.4em) - var(--slider-offset,.3em))}ul{list-style:none}.example-2{align-items:center;display:flex;justify-content:center}.example-2 .icon-content{margin:0 10px;position:relative}.example-2 .icon-content .tooltip{border-radius:5px;color:#fff;font-size:14px;left:50%;opacity:0;padding:6px 10px;position:absolute;top:-30px;transform:translateX(-50%);transition:all .3s ease;visibility:hidden}.example-2 .icon-content:hover .tooltip{opacity:1;top:-50px;visibility:visible}.example-2 .icon-content a{align-items:center;background-color:#fff;border-radius:50%;color:#4d4d4d;display:flex;height:50px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease-in-out;width:50px}.example-2 .icon-content a:hover{box-shadow:3px 2px 45px 0 #0000001f}.example-2 .icon-content a svg{height:30px;position:relative;width:30px;z-index:1}.example-2 .icon-content a:hover{color:#fff}.example-2 .icon-content a .filled{background-color:#000;bottom:0;height:0;left:0;position:absolute;top:auto;transition:all .3s ease-in-out;width:100%}.example-2 .icon-content a:hover .filled{height:100%}.example-2 .icon-content a[data-social=linkedin] .filled,.example-2 .icon-content a[data-social=linkedin]~.tooltip{background-color:#0274b3}.example-2 .icon-content a[data-social=github] .filled,.example-2 .icon-content a[data-social=github]~.tooltip{background-color:#24262a}.example-2 .icon-content a[data-social=email] .filled,.example-2 .icon-content a[data-social=email]~.tooltip{background-color:red}
/*# sourceMappingURL=main.f82a8cc9.css.map*/