@tailwind base;
@tailwind components;
@tailwind utilities;

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
/* line 17, app/assets/stylesheets/application.scss */
body {
  font-family: "Source Sans 3", serif;
  font-optical-sizing: auto;
  font-style: normal;
}

/* line 23, app/assets/stylesheets/application.scss */
.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #555;
  height: 500px;
  color: white;
  border-radius: 10px;
}

/* line 32, app/assets/stylesheets/application.scss */
.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

/* line 38, app/assets/stylesheets/application.scss */
.topnav #myLinks {
  display: none;
}

/* line 42, app/assets/stylesheets/application.scss */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* line 50, app/assets/stylesheets/application.scss */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* line 58, app/assets/stylesheets/application.scss */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* line 63, app/assets/stylesheets/application.scss */
.active {
  background-color: #04AA6D;
  color: white;
}

/* line 68, app/assets/stylesheets/application.scss */
a:hover {
  text-decoration: none !important;
}