@import url(https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Catamaran:wght@100;200;300;400;500;600;700&display=swap);body{background-color:#000;color:#fff;font-family:Catamaran,sans-serif;margin:0}body::-webkit-scrollbar{background-color:#0d0d0d;width:.5em}body::-webkit-scrollbar-thumb{background-color:#4452fb;border-radius:100px;-webkit-transition:all .5s;transition:all .5s}.comments::-webkit-scrollbar{background-color:#0b0b0c;width:.2em}.comments::-webkit-scrollbar-thumb{background-color:#4452fb;border-radius:100px;-webkit-transition:all .5s;transition:all .5s}nav{background-color:#000;display:flex;justify-content:space-around;position:fixed;text-align:right;width:100%;z-index:99}nav .nav-link{color:#fff;font-family:Catamaran,sans-serif;font-size:24px;font-weight:700;letter-spacing:5px;margin:5px 0 0;text-decoration:none;transition:all .2s}nav .company-logo{font-size:40px}nav .nav-link:hover{color:#4452fb;scale:1.1}.welcome-section{background-color:#000;background-image:url(https://www.transparenttextures.com/patterns/diagmonds.png);display:flex;flex-direction:column;font-family:Catamaran,sans-serif;font-size:30px;font-weight:700;height:500px;justify-content:center;text-align:center}.welcome-section h1{margin:0;padding:0}.welcome-section h1 i{color:#4452fb}.welcome-section h2{font-size:30px;font-weight:400;margin-top:0;padding:0}.selectors{display:flex;justify-content:space-evenly;margin:5vh 0 10vh}.selectors button{background-color:#000;border:solid;border-color:#fff;border-radius:5px;border-width:2px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;letter-spacing:2px;padding:5px 25px;text-transform:uppercase;transition:all .5s}.selectors button:hover{background-color:#fff;border-color:#fff;color:#4452fb}.card-grid{align-items:center;display:flex;flex-direction:column;justify-content:center}.card-grid .phrase-card{background-color:#0d0d0d;border-radius:10px;color:#fff;margin:3vh 0;width:700px}.card-grid .phrase-card h1{color:#fff;font-weight:700;letter-spacing:5px;margin:0;padding:10px 0;text-align:center;text-transform:uppercase}.card-grid .phrase-card img{width:100%}.card-grid .phrase-card .author{color:#4452fb;font-size:18px;font-weight:thin;margin:10px;text-align:center}.card-grid .phrase-card .description{font-size:25px;font-style:italic;margin:10px;text-align:center}.card-grid .phrase-card .date{color:#8d8b8d;font-size:12px;font-weight:100;margin:0 0 0 10px;text-align:center}.card-grid .phrase-card .share-buttons{font-size:34px;text-align:center}.card-grid .phrase-card .share-buttons a{color:#8d8b8d;text-decoration:none;transition:.5s}.card-grid .phrase-card .share-buttons a:hover{color:#12c3d7}.comments-title{color:#8d8b8d;margin:0 10px}.comments{height:100px;margin:10px;overflow-y:scroll}.comments .comments-default{text-align:center}.comments .comments-default i{color:#8d8b8d;font-size:32px}.comments .comment{align-items:center;display:flex}.comments .comment i{font-size:32px;margin:0 10px}.comments .comment p{vertical-align:middle}.comment-field{background-color:#0d0d0d;border-radius:10px;margin-bottom:10vh;width:700px}.comment-field form{display:flex;justify-content:space-between;margin:10px}.comment-field form input{outline:none;padding:20px;width:80%}.comment-field form button,.comment-field form input{background-color:#0d0d0d;border:none;color:#fff;font-size:16px}.comment-field form button{cursor:pointer;transition:all .5s}.comment-field form button:hover{color:#4452fb}.form-container{align-items:center;display:flex;justify-content:center}.form-container .create-quote-form{background-color:#0d0d0d;border-radius:10px;display:flex;flex-direction:column;gap:20px;padding:20px;position:relative;top:100px;width:600px}.form-container .create-quote-form h1{font-weight:700;letter-spacing:5px;margin:0;text-align:center}.form-container .create-quote-form div{display:flex;flex-direction:column}.form-container .create-quote-form div input,.form-container .create-quote-form div textarea{background-color:#0d0d0d;border-radius:5px;color:#fff;padding:10px}.form-container .create-quote-form div textarea{height:100px;resize:none}.form-container .create-quote-form img{border-radius:5px}.form-container .create-quote-form select{background-color:#0d0d0d;color:#fff;padding:10px}.form-container .create-quote-form button{background-color:#4452fb;border-radius:5px;color:#fff;cursor:pointer;padding:10px;transition:.2s}.form-container .create-quote-form button:hover{-webkit-filter:brightness(70%);filter:brightness(70%)}.success-screen-show{align-items:center;background-color:#0d0d0d;border-radius:10px;display:flex;flex-direction:column;height:300px;justify-content:center;left:50%;margin-left:-150px;margin-top:-150px;position:fixed;top:50%;width:300px}.success-screen-show i{color:#adff2f;font-size:100px}.success-screen-show h2{font-size:32px;margin:0;text-align:center}.success-screen-show a{background-color:#4452fb;border-radius:5px;color:#fff;padding:5px;text-decoration:none;transition:all .3s}.success-screen-show a:hover{-webkit-filter:brightness(.7);filter:brightness(.7)}.success-screen-hide{visibility:hidden}.form-blur{-webkit-filter:blur(10px);filter:blur(10px);pointer-events:none}@media screen and (max-width:730px){.selectors{align-items:center;flex-direction:column;gap:20px;justify-items:center}.selectors button{width:300px}.card-grid .phrase-card,.card-grid .phrase-card img,.comment-field{width:100vw}}
/*# sourceMappingURL=main.1b501114.css.map*/