body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.main_container{width:100vw;height:100vh;display:-ms-grid;display:grid;-ms-grid-columns:10% 1fr;grid-template-columns:10% 1fr;-ms-grid-rows:1fr;grid-template-rows:1fr;overflow:hidden}.start_container{width:100vw;height:100vh;justify-content:center}.icon_container,.start_container{display:flex;flex-direction:column;align-items:center}.icon_container{max-width:100%}.icon_container,.widgets_container{width:100%;height:100%;justify-content:flex-start}.widgets_container{box-sizing:border-box;min-width:100%;display:flex;align-items:flex-start;margin-top:4rem;flex-wrap:wrap}.plug{width:100px;height:100px;background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;display:flex;align-items:center;justify-content:center}.plug.on{background-image:url(/CL_dyplom/static/media/on.de84d750.svg)}.plug.off{background-image:url(/CL_dyplom/static/media/off.2c51115d.svg)}.progress{width:15%;height:1.2rem;margin-top:3rem;border:1px solid #828282;border-radius:2rem;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.progress .inner_progress{position:relative;box-shadow:inset 0 0 0 3px #171717;height:100%;background-color:#f36;border-radius:2rem}h4{margin-top:1rem;color:#828282}.main_bar{width:100vw;height:1vh;background-color:#1d1d1d;margin-top:.5rem;display:flex;align-items:center;justify-content:flex-end;padding:.7rem}.main_bar h1{color:#333;margin-left:2rem;margin-right:2rem;font-size:2rem}@font-face{font-family:"Marmelad";src:local("Marmelad"),url(/CL_dyplom/static/media/Marmelad-Regular.6f0f2530.ttf) format("truetype")}html{font-family:"Marmelad",sans-serif}.icon{width:8rem;height:6rem;margin:2rem;padding:.5rem 0;background-color:#1d1d1d;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#828282;display:flex;align-items:flex-end;justify-content:flex-start;font-size:.8rem;border-radius:.5rem;transition:.2s;cursor:pointer;border:.5px solid #333}.icon:before{content:"";position:relative;width:1rem;height:1rem;color:#828282;right:-90%;top:-25%;transform:rotate(45deg) translate(-50%,-50%);transition:.1s}.icon:hover{color:#fff}.icon:hover,.icon:hover:before{background-color:#f36}.icon span{margin:0 0 .2rem}.mp3{background-image:url(/CL_dyplom/static/media/MP3_crimson.eddafb26.svg)}.mp3:hover{background-image:url(/CL_dyplom/static/media/MP3_white.7dc6d726.svg)}.weather{background-image:url(/CL_dyplom/static/media/weather_crimson.da0c1c0d.svg)}.weather:hover{background-image:url(/CL_dyplom/static/media/weather_white.89e76e8f.svg)}.notes{background-image:url(/CL_dyplom/static/media/Notes_crimson.7e6af00f.svg)}.notes:hover{background-image:url(/CL_dyplom/static/media/Notes_white.637a6323.svg)}.calculator{background-image:url(/CL_dyplom/static/media/kalkulator_crimson.e2e73b08.svg)}.calculator:hover{background-image:url(/CL_dyplom/static/media/kalkulator_white.ff568cec.svg)}.desktopik{background-image:url(/CL_dyplom/static/media/Desktop_crimson.9a88c45e.svg)}.desktopik:hover{background-image:url(/CL_dyplom/static/media/Desktop_white.d1be803f.svg)}.player{width:30%;max-width:50%;min-width:30%;height:15vw;flex-direction:column;margin:1rem;border:.5px solid #333;border-radius:3rem;padding:0 3rem;background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:rgba(29,29,29,.5);transition:.5s}.player,.pudelko{display:flex;align-items:center;justify-content:center}.player_container{height:20%;min-height:20%;-ms-grid-columns:10% 80% 10%;grid-template-columns:10% 80% 10%}.player_container,.player_container_2{width:100%;display:-ms-grid;display:grid;align-items:center;justify-items:center}.player_container_2{height:10%}.player_container_2,.player_container_3{-ms-grid-columns:20% 60% 20%;grid-template-columns:20% 60% 20%}.player_container_3{width:100%;height:40%;display:-ms-grid;display:grid;align-items:center;justify-items:center}.play{width:5rem;height:5rem;border:.3rem solid #f36;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.5s;background-color:#171717}.grey{border:.3rem solid #333}.icone_play{background-image:url(/CL_dyplom/static/media/play.d49f7954.svg)}.icone_play,.icone_sound{background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:#171717}.icone_sound{background-image:url(/CL_dyplom/static/media/Sound.6cdcbc3d.svg);opacity:1}.icone_sound:hover{border:.3rem solid #828282;background-image:url(/CL_dyplom/static/media/Sound_light.29da9aa9.svg)}.icone_sound:active{border:.3rem solid #f36;background-image:url(/CL_dyplom/static/media/Sound_crimson.529d6ed8.svg);opacity:1}.icone_pause{background-image:url(/CL_dyplom/static/media/pause.46eba0c3.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:#171717}.sound_mp3{width:3rem;height:3rem;border:.05rem solid #828282;border-radius:50%;margin:0 .5rem}.play_list{padding:.5rem;min-width:70%;max-width:95%;min-height:60%;max-height:95%;height:70%;display:flex;flex-direction:column;align-content:space-between;justify-items:center;border:1px solid #333;border-radius:1rem;overflow:scroll;box-sizing:border-box;font-size:.9rem;background-color:#171717}ul{width:80%;justify-content:space-evenly}li,ul{display:flex;align-items:center}li{color:#828282;margin:.2rem 1rem;cursor:pointer;transition:.5s;padding:0 1rem;justify-content:space-between;width:90%}li:hover{background-color:#f36;border-radius:2rem;color:#fff}li p{font-size:70%;margin-left:.5rem}li span{font-size:100%;margin:0 .3rem;display:flex;align-items:center;justify-content:flex-end}li span.active{background-color:#f36;color:#fff}.marquee{min-width:80%;max-width:95%;max-height:60%;height:55%;display:flex;align-items:center;justify-content:center;border:1px solid #333;border-radius:1rem;color:#828282;overflow:hidden;box-shadow:inset 0 0 1rem #171717;background-color:#171717}.marquee_headline{-webkit-animation:marqueeHeadline 9s linear infinite forwards;animation:marqueeHeadline 9s linear infinite forwards}@-webkit-keyframes marqueeHeadline{0%{transform:translateX(320%)}to{transform:translateX(-320%)}}@keyframes marqueeHeadline{0%{transform:translateX(320%)}to{transform:translateX(-320%)}}.simple_container{max-width:80%;width:60%;height:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress_mp3{width:75%;height:2rem;border:1px solid #333;border-radius:2rem;margin:0 3rem;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;background-color:#171717}.progress_mp3 .inner_mp3{background-color:#f36;width:30%;height:80%;border-radius:2rem;border:2px solid #171717;box-sizing:border-box;margin:0 .3rem}.weather_container{top:0;width:30rem;min-width:30rem;height:32rem;background-image:url(/CL_dyplom/static/media/pogoda.a5342411.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;border:.7px solid #333;margin:1rem;background-color:hsla(0,0%,9%,.5)}.weather_container.closed{height:4rem;border:.5px solid #333;background-image:url(/CL_dyplom/static/media/nicosc.e9ecd911.png)}.weather_container.cloudy,.weather_container.cold{background-image:url(/CL_dyplom/static/media/zachmurzenie.78464ab9.png)}.weather_container.fine{background-image:url(/CL_dyplom/static/media/pogoda.a5342411.png)}main{justify-content:flex-start;height:100%;width:100%}.search-box,main{display:flex;flex-direction:column;align-items:center}.search-box{justify-content:center;width:70%;margin:0 0 2rem}.search-box .search-bar{width:80%;padding:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;outline:none;background-color:hsla(0,0%,100%,.2);border-radius:0 0 1rem 1rem;transition:.5s ease;box-shadow:0 .8rem .8rem hsla(0,0%,9%,.2);cursor:pointer}.search-box .search-bar:focus{background-color:hsla(0,0%,100%,.6)}.location-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:.1rem .1rem hsla(0,0%,9%,.8)}.location-box .location{color:#fff;font-size:3rem;text-align:center;margin-bottom:.3rem}.location-box .location span{font-size:2rem;color:#828282}.location-box .date{color:#fff;font-size:1.2rem}.weather-box{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-shadow:0 .2rem .6rem #171717}.weather-box .temp{background-color:hsla(0,0%,100%,.2);padding:1rem 2rem;font-size:8rem;margin:4rem;border-radius:.8rem;box-shadow:0 .4rem .5rem hsla(0,0%,9%,.8)}.weather-box .graphics{width:80%;margin-left:60%;display:flex;align-items:center;justify-content:space-between}.weather-box .weather-today{position:relative;font-size:1.5rem;bottom:0}.weather-box .weather-picture{position:relative;right:0;bottom:0;width:20rem;height:10rem}.notes_container,.weather-box .weather-picture{background-position:50%;background-repeat:no-repeat;background-size:cover}.notes_container{min-width:40%;max-width:70%;height:35rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-left:1rem;border:.5px solid #333;border-radius:3rem;padding:0 1rem;background-color:rgba(29,29,29,.3)}.modal{box-sizing:border-box;position:absolute;transform:translateY(150%);width:25rem;height:10rem;border:.5px solid #f36;border-radius:2rem;padding:.2rem}.modal_body{width:100%;height:100%;background-color:rgba(255,51,102,.6);border-radius:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:1rem;color:#f5f5f5}.modal_body h3{color:#171717;font-size:1.3rem;margin-top:.4rem}.modal_body h4,.modal_body span{color:#f5f5f5}.title{text-align:left;width:97%;height:3rem;justify-content:flex-start;margin-top:1rem;border-radius:1rem 1rem 0 0}.title,.title .notes_header{display:flex;align-items:center}.title .notes_header{box-sizing:border-box;width:100%;height:4rem;justify-content:space-between}.title .notes_header img{width:3rem;padding:1rem 1rem .2rem .5rem}.title .notes_header input{box-sizing:border-box;width:100%;background-color:hsla(0,0%,100%,.6);padding:1rem;font-size:1.2rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none}.title .notes_header input:focus{border:.5px solid #f36;color:#f36}.text_field{width:97%;min-height:70%;max-height:70%;display:flex;justify-content:flex-start;margin-top:1.5rem;border-radius:0 0 2rem 2rem}.text_field,.text_field .archive{box-sizing:border-box;padding:.5rem;text-align:left;align-items:center;border:.5px solid #333;overflow:hidden}.text_field .archive{width:40%;max-width:50%;height:110%;display:flex;justify-content:center;transition:.5s;margin:0;transform:translateX(-100%);display:none}.text_field .archive.active{transition:.5s;transform:translateX(-3.5%);display:flex}.text_field .archive.active ul{box-sizing:border-box;width:100%;height:100%;padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-start;overflow:scroll}.text_field .archive.active div{width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:.5px solid #333;padding:.2rem 0 .2rem .1rem}.text_field .archive.active div .delete{cursor:pointer;width:3rem;border:0;padding:.3rem;font-size:.5rem;border-radius:1rem;background-color:#333;display:flex;align-items:center;justify-content:center;color:#171717;text-align:center;font-family:"Montserrat",sans-serif;font-weight:900;transition:.5s}.text_field .archive.active div .delete:hover{background-color:#f36}.text_field textarea{box-sizing:border-box;padding:1rem;width:100%;min-width:50%;max-width:100%;height:100%;min-height:100%;max-height:100%;border-radius:0 0 1.5rem 1.5rem;background-color:hsla(0,0%,100%,.6);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;font-size:1.3rem;font-family:"Marmelade",sans-serif;transition:.5s;flex-shrink:1;overflow:scroll}.text_field textarea:focus{border:.5px solid #f36}.notes_buttons{width:90%;height:2rem;display:flex;align-items:center;justify-content:space-between;margin-top:2rem;border-radius:1rem 1rem 0 0}.notes_button{width:10rem;height:2rem;border-radius:2rem;background-color:hsla(0,0%,51%,.7);border:.5px solid #333;margin:1rem;font-size:.8rem;cursor:pointer;color:#1d1d1d}.notes_button:hover{background-color:rgba(255,51,102,.7);border:.5px solid #f36;color:#fff}.notes_button:active{background-color:hsla(0,0%,100%,.3);border:.5px solid #fff;color:#171717}.settings-container{max-width:27%;width:auto;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-left:1rem;border:.5px solid #333;border-radius:3rem;padding:0 1rem;background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:rgba(29,29,29,.6)}.settings-container .desktop-button-container{width:100%;height:1vw;display:flex;align-items:center;justify-content:flex-start;padding:2rem}.waiting{width:5vw;height:1.5vw;border-radius:2rem;background-color:hsla(0,0%,51%,.4);border:1px solid #fff;transition:.5s;cursor:pointer;color:#f5f5f5;margin-right:4.5rem}.waiting:hover{background-color:rgba(255,51,102,.4);border:1px solid #f36;color:#fff}.settings-header{box-sizing:border-box;width:100%;height:4rem;display:flex;align-items:center;justify-content:flex-start;margin-bottom:2rem}.settings-header img{width:3rem;margin:1rem 0 0 1rem;padding:1rem 1rem .2rem .5rem}.settings-header h1{color:#fff;font-size:2rem;margin:2rem 1rem 0 0}.desktop-pictures{width:100%;max-height:calc(100% - 5vw);display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.desktop-pictures .picture-container{margin:1rem;width:6vw;height:5vw;border-radius:1rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:.5rem;transition:.5s;background:none;cursor:pointer;border:none;text-decoration:none}.desktop-pictures .picture-container .picture img{-webkit-filter:grayscale(50%) brightness(70%);filter:grayscale(50%) brightness(70%)}.desktop-pictures .picture-container.active .picture{border:1px solid #f36;transform:scale(1);text-decoration:none}.desktop-pictures .picture-container.active .subtitle{color:#f36;font-size:.9rem;letter-spacing:.05rem;text-decoration:none}.desktop-pictures .picture-container.active img{-webkit-filter:grayscale(0) brightness(200%);filter:grayscale(0) brightness(200%)}.desktop-pictures .picture-container:hover .picture{border:1px solid #f36;transform:scale(1.1)}.desktop-pictures .picture-container:hover .subtitle{color:#f36;font-size:.9rem;letter-spacing:.05rem}.desktop-pictures .picture-container:hover img{-webkit-filter:grayscale(0) brightness(200%);filter:grayscale(0) brightness(200%)}.desktop-pictures .picture-container:focus .picture{border:1px solid #f36;transform:scale(1)}.desktop-pictures .picture-container:focus .subtitle{color:#f36;font-size:.9rem;letter-spacing:.1rem}.desktop-pictures .picture-container:focus img{-webkit-filter:grayscale(0) brightness(200%);filter:grayscale(0) brightness(200%)}.desktop-pictures .picture-container .picture{width:100%;height:4vw;border-radius:.5rem;margin-bottom:.2rem;border:.5px solid #828282;padding:.2rem;background-position:top;background-repeat:no-repeat;background-size:cover;transition:.7s;transform:scale(1)}.desktop-pictures .picture-container .picture img{width:100%;height:100%;border-radius:.2rem;transition:.5s}.desktop-pictures .picture-container .subtitle{color:#f5f5f5;text-align:center;font-size:.8rem;transition:.7s}.calculator_container{max-width:40%;min-width:25rem;height:35rem;align-items:center;justify-content:flex-start;margin-left:1rem;border:.5px solid #333;border-radius:3rem;padding:0 1rem;background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:rgba(29,29,29,.1)}.calculator_container,.screen{display:flex;flex-direction:column}.screen{box-sizing:border-box;width:95%;margin-top:5%;height:20%;align-items:flex-end;justify-content:center;border:.5px solid #333;border-radius:1rem;padding:2rem;background-color:rgba(51,51,51,.7);margin-bottom:2rem;color:#828282;font-size:3rem}.keys_container{width:90%;height:60%;border-radius:1rem;display:flex;flex-direction:column;justify-content:space-between}.keys_row{width:100%;height:20%;display:-ms-grid;display:grid;grid-gap:.5rem;gap:.5rem;-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr;margin:.25rem 0}.key{box-sizing:border-box;width:100%;height:100%;border:.5px solid #333;border-radius:.5rem;color:#828282;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.key:active{color:#fff;background-color:rgba(255,51,102,.9);border:.5px solid #f36}.key.normal{background-color:#1d1d1d}.key.normal:active{color:#fff;background-color:#f36;border:.5px solid #f36}.key.function{background-color:rgba(255,51,102,.9);color:#fff}.key.function:active{color:#fff;background-color:#333;border:.5px solid #f36}.key.special{background-color:#333;background-position:50%;background-repeat:no-repeat;background-size:cover}.key.special:active{color:#fff;background-color:rgba(255,51,102,.9);border:.5px solid #f36}body{background-color:#171717}.wallpaper{width:100vw;height:100vh;position:absolute;z-index:-1}.clock{position:absolute;top:0;right:0;width:350px;height:350px;margin:2rem;display:flex;align-items:center;justify-content:center;background-image:url(/CL_dyplom/static/media/zegar_koperta.fdafd35e.svg);background-position:50%;background-repeat:no-repeat;opacity:1;transition:.5s;-webkit-filter:brightness(20%);filter:brightness(20%)}.clock:hover{transition:-webkit-filter opacity .5s;transition:filter opacity .5s;transition:filter opacity .5s,-webkit-filter opacity .5s;-webkit-filter:brightness(100%);filter:brightness(100%);opacity:1;mix-blend-mode:normal}.clock:before{content:"";position:absolute;width:15px;height:15px;background-color:#828282;border-radius:50%;z-index:1000}.clock .hour,.clock .min,.clock .sec{position:absolute;display:flex;justify-content:center;border-radius:50%}.clock .hour{width:160px;height:160px}.clock .hour:before{content:"";position:absolute;width:8px;height:80px;background-color:#f36;z-index:10}.clock .min{width:190px;height:190px}.clock .min:before{content:"";position:absolute;width:4px;height:90px;background-color:#828282;z-index:11}.clock .sec{width:190px;height:190px}.clock .sec:before{content:"";position:absolute;width:2px;height:130px;background-color:#1e90ff;z-index:12}
/*# sourceMappingURL=main.b4fe3f2b.chunk.css.map */