/* styles.css 
   Project: 
   Author: 
   Date: 
*/

/*google font*/

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Montserrat:wght@300;400&display=swap');

/*main css*/

* {
   box-sizing: border-box;
}

img {
   /*width: 100%;*/
   display: block;
}

body {
   background-color: white;
   color: black;
   font-family: 'Montserrat', sans-serif;
   width:100vw;
}

.attr{
   text-align:right;
   font-size:0.8em;
   margin-right:10px;
   margin-top:-40px;
}


.event:hover .event__date{
   font-size:1.2em;
}

.event:hover .event__content{
   font-size:1.1em;
}

.event__date, .event__content{
   transition:1s;
}

button{
   background-color:white;
   padding:20px;
   max-width:400px;
   margin:auto;
   margin-top:50px;
   display:block;
   border-radius:10px;
}

.container{
   width:100vw;
   margin:auto;
}
/*media query for responsive design */

@media only screen and (max-width: 640px) {

}