@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700&display=swap);nav{background-color:#393e46;height:60px;left:0;position:absolute;right:0;z-index:100}nav .container{align-items:center;height:inherit;justify-content:center;position:relative}nav .menu{fill:#eee;cursor:pointer;display:none;margin:0 1rem 0 0;transition:.3s;width:2rem}nav .menu:hover{fill:#00adb5}nav .close{display:none;right:1rem;top:1rem}nav a{margin:0 28px;text-transform:capitalize}nav a h6{transition:.3s}nav a h6.active,nav a:hover h6{color:#00adb5}nav button{position:absolute;right:0}@media only screen and (max-width:1000px){nav{align-items:center;display:flex;justify-content:flex-end}nav .menu{display:block}nav .container{align-items:flex-start;background-color:#393e46;flex-direction:column;height:110vh;justify-content:flex-start;left:-100%;padding:5rem 1rem;position:fixed;top:0;transition:.3s;width:300px}nav .container.open{left:0}nav .container a,nav .container button{margin:1rem 0}nav .container button{position:relative;width:100%}}.modal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:-100%;transition:.3s;width:100vw;z-index:1}.modal.open{top:0}.modal .close{display:block;right:2rem;top:calc(60px + 2rem)}.modal form{background-color:#393e46;max-width:450px;min-width:300px;padding:2rem}.modal form h6{margin:0 0 1.5rem}.modal form button,.modal form input,.modal form textarea{margin:.5rem 0;width:100%}.modal form input,.modal form textarea{color:#222831;padding:.5rem}.modal form textarea{resize:none}.close{fill:#eee;cursor:pointer;position:absolute;transition:.3s;width:2rem}.close:hover{fill:#00adb5}button{background-color:#00adb5;border:none;cursor:pointer;padding:10px 28px;position:relative;transition:.3s}button:hover{box-shadow:0 0 .5rem #00adb5}.random{align-items:center;display:flex;height:calc(100vh + 60px - 10rem);justify-content:center;top:5rem}.block,.random{position:relative}.block{margin:2rem 0;min-width:300px;width:30%}.block img{width:100%}.block svg{fill:#eee;cursor:pointer;position:absolute;right:1rem;top:1rem;transition:.3s;width:2rem}.block svg:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.block_text{background-color:#393e46;max-height:300px;overflow:hidden;overflow-y:auto;padding:2rem}.block_text p{margin:1rem 0 0}.block .row{justify-content:space-between;margin:10px 0}.block .row button{width:calc(50% - 5px)}@media only screen and (max-width:1200px){.block{width:45%}}@media only screen and (max-width:700px){.block{width:95%}}@media only screen and (max-width:500px){.block_text{padding:1rem}}.favourite{flex-wrap:wrap;justify-content:space-evenly;position:relative;top:5rem}.favourite .block button{width:100%}*,:after,:before{box-sizing:border-box;color:#eee;font-family:Roboto,sans-serif;scroll-behavior:smooth}a,a:active,a:visited{color:inherit;text-decoration:none}body,h1,h2,h3,h4,h5,h6,p{margin:0}body{background-color:#222831}h1{font-size:5rem}@media only screen and (max-width:1200px){h1{font-size:3.5rem}}@media only screen and (max-width:768px){h1{font-size:2rem}}h2{font-size:3.5rem}@media only screen and (max-width:768px){h2{font-size:1.7rem}}h3{font-size:2.5rem}@media only screen and (max-width:768px){h3{font-size:1.5rem}}h4{font-size:2rem}@media only screen and (max-width:768px){h4{font-size:1.5rem}}h5{font-size:1.5rem}@media only screen and (max-width:768px){h5{font-size:1.2rem}}h6{font-size:1.2rem}@media only screen and (max-width:768px){h6{font-size:1rem}}a,button,input,label,li,p,td{font-size:1rem}@media only screen and (max-width:768px){a,button,input,label,li,p,td{font-size:.8rem}}.container{margin:auto;width:1200px}@media only screen and (max-width:1200px){.container{width:95%}}.column,.row{display:flex}.column{flex-direction:column}::-webkit-scrollbar{background-color:#eee;height:8px;width:8px}::-webkit-scrollbar-thumb{background-color:grey;border-radius:9em;-webkit-transition:all .4s;transition:all .4s}::-webkit-scrollbar-thumb:hover{background-color:#00adb5}::-webkit-scrollbar-button:vertical:start:decrement{background:linear-gradient(120deg,#eee 40%,transparent 41%),linear-gradient(240deg,#eee 40%,transparent 41%),linear-gradient(0deg,#eee 30%,transparent 31%);background-color:grey}::-webkit-scrollbar-button:vertical:end:increment{background:linear-gradient(300deg,#eee 40%,transparent 41%),linear-gradient(60deg,#eee 40%,transparent 41%),linear-gradient(180deg,#eee 30%,transparent 31%);background-color:grey}::-webkit-scrollbar-button:horizontal:start:decrement{background:linear-gradient(30deg,#eee 40%,transparent 41%),linear-gradient(150deg,#eee 40%,transparent 41%),linear-gradient(270deg,#eee 30%,transparent 31%);background-color:grey}::-webkit-scrollbar-button:horizontal:end:increment{background:linear-gradient(210deg,#eee 40%,transparent 41%),linear-gradient(330deg,#eee 40%,transparent 41%),linear-gradient(90deg,#eee 30%,transparent 31%);background-color:grey}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=checkbox]{cursor:pointer;display:none;height:auto;margin-bottom:0;padding:0;width:auto}input[type=checkbox]+label{cursor:pointer;position:relative}input[type=checkbox]+label:before{-webkit-appearance:none;background-color:transparent;border:2px solid #0079bf;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);content:"";cursor:pointer;display:inline-block;margin:.5rem 5px .5rem 0;padding:10px;position:relative;vertical-align:middle}input:checked+label:after{border:solid #0079bf;border-width:0 2px 2px 0;content:"";display:block;height:14px;left:9px;position:absolute;top:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:6px}.error{align-items:center;display:flex;height:calc(100vh + 60px - 10rem);justify-content:center}
/*# sourceMappingURL=main.6cd6e370.css.map*/