.bg_porfolios{background-color:#fff;color:#000}.night-mode .bg_porfolios{background-color:#2b2b2b;color:#ddd}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}.l{position:fixed;z-index:9999;right:15px;bottom:15px;background-color:rgba(0,0,0,.7);border-radius:.75em;box-shadow:inset .125em .125em 0 .125em rgba(0,0,0,.3);color:#fdea7b;font-size:1.5em;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;margin:auto;padding:.15em;width:3em;height:1.5em;transition:background-color .1s ease-out .3s,box-shadow .1s ease-out .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.l:after,.l:before{content:"";display:block}.l:before{background-color:#d7d7d7;border-radius:50%;width:1.2em;height:1.2em;transition:background-color .1s ease-out .3s,transform .3s ease-out;z-index:1}.l:after{background:linear-gradient(transparent 50%,rgba(0,0,0,.15) 0) 0 50%/50% 100%,repeating-linear-gradient(90deg,#bbb,#bbb,#bbb 20%,#999 0,#999 40%) 0 50%/50% 100%,radial-gradient(circle at 50% 50%,#888 25%,transparent 26%);background-repeat:no-repeat;border:.25em solid transparent;border-left:.4em solid #d8d8d8;border-right:0 solid transparent;transition:border-left-color .1s ease-out .3s,transform .3s ease-out;transform:translateX(-22.5%);transform-origin:25% 50%;width:1.2em;height:1em}.l:focus{outline:0}.l:checked{background-color:rgba(0,0,0,.45);box-shadow:inset .125em .125em 0 .125em rgba(0,0,0,.1)}.l:checked:before{background-color:currentColor;transform:translateX(125%)}.l:checked:after{border-left-color:currentColor;transform:translateX(-2.5%) rotateY(180deg)}