#socials>a,article,aside,header,main,nav,section{display:block}#main_div,.run_animation{animation:2s linear slidein}#btn_switch,#socials>a{box-shadow:4px 4px #000}#my_profile,#my_profile2{background-attachment:fixed;background-blend-mode:screen;position:relative;height:auto;animation:2s linear;width:300px}#hour,#minute,#second{transform:translate(-50%,0) rotate(calc(var(--rotation) * 1deg))}#second,#second_second{width:1px;--rotation:60;z-index:3;background-color:#ff4500}#dot,#second,#second_second{background-color:#ff4500}.navi{background:rgba(255,255,255,.05);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:10px;border:1px solid rgba(255,255,255,.18)}#main_div,.light-mode{background-size:cover;background-repeat:no-repeat;background-position:center;transition-duration:1s}.light-mode-bg,.light-mode-bg>a{background-color:rgba(0,0,0,.5)!important}.icon-github{color:#6e5494!important}.icon-linkedin{color:#0e76a8!important}.light-mode-text,.light-mode-text>a{color:#000!important}#socials{position:fixed;right:0;top:50%;font-size:2em;z-index:2}#socials.light-mode-bg{background:0 0!important}#socials>a{background-color:rgba(255,255,255,.1);margin:5px;padding:2px}#socials>a:hover{box-shadow:2px 2px #000;margin:7px 2px 2px 7px}.card{opacity:70%;z-index:0;transition-duration:1s}#dot,.hand{left:50%;position:absolute;z-index:10}.card:hover{transform:scale(1.1);opacity:100%;z-index:1}#main_div{background-image:url("img/stars_min.webp");background-attachment:fixed;overflow-y: scroll;}.light-mode{background-image:url("img/desert-min.webp")!important}.light-mode-text{text-shadow:2px 2px rgba(0,0,0,.5)!important;animation:none}@keyframes flicker{0%,100%,18%,22%,25%,53%,57%{text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px #5271ff,0 0 82px #5271ff,0 0 92px #5271ff,0 0 102px #5271ff,0 0 151px #5271ff}20%,24%,55%{text-shadow:none}}#title{color:#fff;transform:skew(-10deg);animation:5s infinite alternate flicker;text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px #5271ff,0 0 82px #5271ff,0 0 92px #5271ff,0 0 102px #5271ff,0 0 151px #5271ff}#btn_switch{background:0 0;color:#fff;border-radius:10px;animation-duration:.2s}.clicked{box-shadow:1px 1px #000!important}#sun{transform-origin:center;margin:0!important}#my_profile{z-index:0;border:2px solid #000;border-radius:10px}.text-opacity-50{opacity:50%!important}#my_profile2{border:2px solid #000;border-radius:10px;z-index:1}@keyframes slidein{0%{opacity:0%}10%{opacity:10%}20%{opacity:20%}30%{opacity:30%}40%{opacity:40%}50%{opacity:50%}60%{opacity:60%}70%{opacity:70%}}@keyframes image{0%{rotate:20deg}100%{rotate:0deg}}@media (min-width:992px){#my_profile2{position:absolute;transform:rotate(-20deg);left:52%;top:15%;width:150px}#clock{margin-left:25%!important}#my_profile{width:200px;transform:rotate(5deg)}}@media (min-width:1200px){#my_profile{width:300px}#my_profile2{width:200px}}.custom-shape{width:300px;height:300px}@keyframes flicker_box{0%,100%,18%,22%,25%,53%,57%{box-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px #5271ff}20%,24%,55%{box-shadow:none}}.light-mode-bg{box-shadow:0 0!important}.light-mode-bg>.hand{background-color:#fff!important}#clock{width:100px;height:100px;transform:translate(-50%,0);border:3px solid #fff;background-color:#fff;border-radius:50%;margin-left:50%;animation:2s infinite alternate flicker_box;box-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px #5271ff;transition-duration:1s}.hand{bottom:50%;height:50%;font-size:1rem;margin:0;background-color:#000;transform-origin:bottom;border-top-left-radius:10px;border-top-right-radius:10px;transform:translate(-50%,0)}#minute{width:3px;height:35%;--rotation:0;z-index:2}#hour{width:5px;height:30%;--rotation:30;z-index:1}#second_second{position:absolute;left:50%;top:50%;height:20%;transform-origin:top;transform:translate(-50%,0) rotate(calc(var(--rotation) * 1deg))}#dot{border:2px solid #ff4500;height:7%;width:7%;top:50%;transform:translate(-50%,-50%);border-radius:50%}