templates/may2333.github.io/FineCVR/css/grayscale.css

/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */html,body{font-family:"Maven Pro", sans-serif;color:#625772;background-color:#efefef;font-size:1.2rem;line-height:1.6;text-align:justify;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{text-transform:uppercase;font-weight:400;letter-spacing:0.07rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.3rem}h4 a.category{color:inherit}h4 a.tag{font-size:1rem}small{font-size:70%}p{padding:0.5rem 0rem;line-height:1.5}@media (min-width: 768px){p{padding:0.3rem 0rem;line-height:1.6}}a{color:#3a94c5;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;text-decoration:none}a:hover,a:focus{color:#235976}.nav-item{text-align:center;-webkit-transition:background 0.3s ease-in-out;-moz-transition:background 0.3s ease-in-out;transition:background 0.3s ease-in-out}.nav-item:hover{outline:none;background-color:rgba(98,87,114,0.3)}.nav-item:focus,.nav-item:active{outline:none;background-color:rgba(98,87,114,0.3)}.nav-item.active{outline:none}.nav-item.active a{background-color:rgba(98,87,114,0.3)}.nav-item.active a:hover{color:#625772}.navbar-custom{margin-bottom:0;border-bottom:1px solid rgba(98,87,114,0.3);text-transform:uppercase;background-color:#efefef;overflow-y:auto}.navbar-custom .navbar-toggler{padding:4px 6px;color:white}.navbar-custom .navbar-toggler:focus,.navbar-custom .navbar-toggler:active{outline:none}.navbar-custom a{color:#625772}.navbar-custom .nav{text-align:center}@media (min-width: 768px){.navbar-custom{padding:20px 0;border-bottom:none;letter-spacing:1px;background:transparent;-webkit-transition:background 0.5s ease-in-out, padding 0.5s ease-in-out;-moz-transition:background 0.5s ease-in-out, padding 0.5s ease-in-out;transition:background 0.5s ease-in-out, padding 0.5s ease-in-out}.navbar-custom.top-nav-collapse{padding:0;background:#efefef;border-bottom:1px solid rgba(98,87,114,0.3)}}.navbar-brand{font-size:1.3rem}.intro{display:flex;position:relative;flex-direction:column;width:100%;height:100svh;text-align:center;color:#625772;background-color:#efefef;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;background-attachment:scroll;background-position:center center;background-repeat:none}.intro .intro-text{font-size:1.6rem}.intro:after{content:"";position:absolute;left:0px;right:0px;height:50%;bottom:0px;background:linear-gradient(180deg, rgba(139,167,32,0) 0%, #efefef 100%);pointer-events:none}@media (min-width: 768px){.intro:after{height:20%}}.intro .wrapper{align-content:end;height:40%}.intro a{padding-top:5%}@-webkit-keyframes pulse{from{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{from{-moz-transform:scale(1);transform:scale(1)}50%{-moz-transform:scale(1.2);transform:scale(1.2)}100%{-moz-transform:scale(1);transform:scale(1)}}.content-section{margin-top:100px;padding-top:100px}@media (min-width: 768px){.content-section{margin-top:125px;padding-top:125px}}.content-section img{display:block;max-width:100%;height:auto;margin:0 auto}.content-section ul,.content-section ol{text-align:left;margin:0 0 25px;line-height:1.5;list-style-position:inside}.content-section pre{padding:0}.content-section pre>code{text-align:left}.content-section img.emoji{margin:0px !important;display:inline !important}.content-section#post div.author img{border:0px;margin-bottom:20px;padding:4px;border-radius:50%}.btn{border-radius:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.btn-default{color:#3a94c5;background-color:transparent}.btn-default:hover,.btn-default:focus{outline:0;color:#222222;background-color:#3a94c5}ul.social-buttons li a{display:block;width:40px;height:40px;border-radius:100%;line-height:40px;outline:0;color:#3a94c5;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}ul.social-buttons li a:hover,ul.social-buttons li a:focus,ul.social-buttons li a:active{color:#222;background-color:#2e769e}.post-list{text-align:left}footer{padding:10rem 0 15rem 0;text-align:center}footer p{margin:0}::-moz-selection{text-shadow:none;background:#fcfcfc;background:rgba(98,87,114,0.2)}::selection{text-shadow:none;background:#fcfcfc;background:rgba(98,87,114,0.2)}img::selection{background:transparent}img::-moz-selection{background:transparent}em{display:flex;justify-content:center;align-items:center}body{-webkit-tap-highlight-color:rgba(98,87,114,0.2)}.typed-cursor{opacity:1;-webkit-animation:blink 0.7s infinite;-moz-animation:blink 0.7s infinite;animation:blink 0.7s infinite;font-size:110%}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-moz-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.timeline{position:relative;padding:0;list-style:none}.timeline:before{content:"";position:absolute;top:3rem;bottom:1rem;width:0.4rem;left:1.85rem;background-color:#625772}.timeline>li{position:relative;margin-bottom:50px;min-height:50px}.timeline>li:before,.timeline>li:after{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li .timeline-panel{float:right;position:relative;width:100%;padding:0 20px 0 100px;text-align:left}.timeline>li .timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}.timeline>li .timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}.timeline>li .timeline-image{z-index:100;position:absolute;left:0;width:80px;height:80px;border:7px solid #625772;border-radius:100%;text-align:center;color:#f2f2f2;background-color:#625772}.img-me{z-index:100;left:0;width:100px;height:100px;margin-left:0;border:7px solid #625772;border-radius:100%;text-align:center;color:#f2f2f2;background-color:#625772}.timeline>li .timeline-image h4{margin-top:12px;font-size:10px;line-height:14px}.img-me h4{margin-top:12px;font-size:10px;line-height:14px}.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 20px 0 100px;text-align:left}.timeline>li.timeline-inverted>.timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}.timeline>li.timeline-inverted>.timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}.timeline>li:last-child{margin-bottom:0}.timeline .timeline-heading h4{margin-top:0;color:inherit}.timeline .timeline-heading h4.subheading{text-transform:none}.timeline .timeline-body>p,.timeline .timeline-body>ul{margin-bottom:0}@media (min-width: 768px){.timeline:before{left:50%}.timeline>li{margin-bottom:100px;min-height:100px}.timeline>li .timeline-panel{float:left;width:41%;padding:0 20px 20px 30px;text-align:right}.timeline>li .timeline-image{left:50%;width:100px;height:100px;margin-left:-50px}.img-me{left:50%;width:150px;height:150px}.timeline>li .timeline-image h4{margin-top:16px;font-size:13px;line-height:18px}.img-me h4{margin-top:16px;font-size:13px;line-height:18px}.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 30px 20px 20px;text-align:left}}@media (min-width: 992px){.timeline>li{min-height:150px}.timeline>li .timeline-panel{padding:0 20px 20px}.timeline>li .timeline-image{width:150px;height:150px;margin-left:-75px}.img-me{width:200px;height:200px}.timeline>li .timeline-image h4{margin-top:30px;font-size:1.9rem;line-height:26px}.img-me h4{margin-top:30px;font-size:1.9rem;line-height:26px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 20px 20px}}@media (min-width: 1200px){.timeline>li{min-height:170px}.timeline>li .timeline-panel{padding:0 20px 20px 100px}.timeline>li .timeline-image{width:156px;height:156px}.timeline>li .img-me{width:200px;height:200px}.timeline>li .timeline-image h4{margin-top:40px}.timeline>li .img-me h4{margin-top:40px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 100px 20px 20px}}.button-container{display:flex;gap:20px;align-items:center}.button{display:flex;align-items:center;justify-content:center;padding:10px 20px;background-color:#5bc0de;color:white;border:none;border-radius:5px;cursor:pointer;font-size:26px;height:60px}.button i{margin-right:8px}.button:hover{background-color:#249ebd}.pre{background-color:white;padding:20px;border-radius:5px;font-size:14px;color:#333;white-space:pre-wrap;word-wrap:break-word}