/* Empty. Add your own CSS if you like */

.tasks {
  font-size: 20px;
}
.tasks ul li {
  text-align: left;
  list-style: disc;
}

button .softwarebtn{
	text-size: smaller;
}

/* for modal resume search page */
.list .item.item-accordion {
  line-height: 38px;
  padding-top: 0;
  padding-bottom: 0;
  transition: 0.09s all linear;
}
.list .item.item-accordion.ng-hide {
  line-height: 0px;
}
.list .item.item-accordion.ng-hide-add,
.list .item.item-accordion.ng-hide-remove {
  display: block !important;
}

.content{
	background-color: aliceblue;
}

h1{
	font-family: "Maven Pro";
}

.box{
	height: 50px !important;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	padding-left: auto;
	padding-right: auto;
	background-color:aliceblue;
	text-shadow:rgba(255,255,255,.5) 0 0 15px, rgba(255,255,255,.5) 0 0 10px;
	padding-top:10px;
	padding-bottom:30px;
	text-align: center;
}

a, .box p > a:active, .box p > a:visited{
	color: black !important;	
}

a:hover, a:active{
	color: #D0F8FF;
}
.box p, .box p a:link{
	font-size: large;
	text-decoration: none;
}
.box:hover p, .box:active p{
	
	color: #D0F8FF;
    text-shadow: 0 0 5px #A5F1FF, 0 0 10px #A5F1FF,
             0 0 20px #A5F1FF, 0 0 30px #A5F1FF,
             0 0 40px #A5F1FF;
			 font-size: x-large;
padding-top:1px;
	padding-bottom:30px;
}

.box:hover, .box:active{
	background-color: deepskyblue;
	color:white;
	box-shadow: 0 20px 20px rgba(180, 199, 242, 0.25), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-transition: ease-in width 2s, height 10s, background-color 2s, -webkit-transform 2s;
    transition: ease-in width 2s, height 2s, background-color 2s, transform 2s;
	
}

.weatheroutlook, .weatheroutlook{
	
	-webkit-transition: ease-in width 2s, height 10s, background-color 2s, -webkit-transform 2s;
    transition: ease-in width 2s, height 2s, background-color 2s, transform 2s;
}

ion-item {
	fill: #006699;
}