/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 15, 2022, 7:35:23 PM
    Author     : Vaskar
*/
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200&family=Caveat&family=Pacifico&family=Rock+Salt&family=Rubik+Moonrocks&family=Sofia+Sans+Condensed:ital,wght@0,300;1,200&family=Syne+Mono&display=swap');

                   
                        *{padding:0px;margin:0px;box-sizing: border-box;font-family: 'Sofia Sans Condensed', sans-serif;font-size: 16px;}
                        body{height:auto;}
	      .content{display:flex;flex-direction: column;width:800px;height:auto;margin-left: auto;margin-right: auto;}
                        .content .jobs{
                                margin: 10px;
                                border:2px solid rgba(255,255,255,0.2);
                                font-family: 'Sofia Sans Condensed', sans-serif;
                                font-size: 2rem;
                                }
                        .content .jobs .middle{ background-color: white;font-size: 1.2rem;padding:10px;}
                        .content .jobs .post{border-radius:10px 10px 0px 0px;display:flex;justify-content: center;align-items: center;padding:5px;font-size:1.2rem;font-family:cursive;color:maroon;font-weight: bolder; background-color: white;border-bottom: 1px solid gray; }
                        .content .jobs .bottom{background-color:whitesmoke;border-radius:0px 0px 10px 10px;display:flex;justify-content: center;align-items: center;padding:5px;font-size:.8rem;font-family:cursive;color:maroon;font-weight: bolder;text-align: center;  }
                        ol{list-style-type:lower-alpha;font-family:'Roboto', sans-serif;font-size:1.5rem;color:maroon;margin:20px;font-weight: bolder; }
                        ol li{color:maroon;padding: 5px;letter-spacing: 2px;}
                        
                        @media screen and (max-width:768px){
                            .content{width:80%; background-color: white;margin-left: auto;margin-right: auto;}
                            .content .jobs{margin:20px;
                                                 grid-template-rows:55px auto 55px;
                                                 grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
                                                 }
                         .content .jobs .middle{ background-color: white;font-size: 1.2rem;width:100%;}
                        .content .jobs .post{border-radius:10px 10px 0px 0px;display:flex;justify-content: center;align-items: center;padding:5px;font-size:2rem;font-family:cursive;color:maroon;font-weight: bolder; background-color: white;border-bottom: 1px solid gray;width:100%; }
                        .content .jobs .bottom{background-color:whitesmoke;border-radius:0px 0px 10px 10px;display:flex;justify-content: center;align-items: center;padding:5px;font-size:12px;font-family:cursive;color:maroon;font-weight: bolder;width:100%;  }
                        ol{list-style-type:lower-alpha;font-family:'Roboto', sans-serif;font-size:1.5rem;color:maroon;margin:10px;font-weight: bolder; }
                        ol li{color:maroon;padding: 5px;letter-spacing: 2px;}
                        
                        }