activity_main.xml

<?xml version="1.0" encoding="utf-8"?>

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true"
    tools:context="com.example.android.scorekeeper.MainActivity">

    <RelativeLayout
        android:id="@+id/main_relative_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:contentDescription="@string/background_description"
            android:scaleType="centerCrop"
            android:src="@drawable/background" />

        <View
            android:id="@+id/transparent_background"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="16dp"
            android:alpha="0.5"
            android:background="@drawable/background_layers" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="16dp"
            android:orientation="horizontal">

            <LinearLayout style="@style/teamLinearLayout">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="end"
                    android:orientation="horizontal">

                    <TextView
                        style="@style/teamTitleTextView"
                        android:background="@drawable/team_a_title_layers"
                        android:gravity="end"
                        android:text="@string/team_a_name" />

                    <TextView
                        android:id="@+id/team_a_goals"
                        style="@style/goalsTextView"
                        android:layout_marginEnd="8dp" />

                </LinearLayout>

                <LinearLayout
                    style="@style/cardsLinearLayout"
                    android:layout_gravity="start">

                    <TextView
                        android:id="@+id/team_a_yellow_cards"
                        style="@style/cardTextView"
                        android:layout_marginStart="16dp"
                        android:background="@drawable/yellow_card_layers" />

                    <TextView
                        android:id="@+id/team_a_red_cards"
                        style="@style/cardTextView"
                        android:layout_marginStart="16dp"
                        android:background="@drawable/red_card_layers" />
                </LinearLayout>

                <Button
                    android:id="@+id/goalTeamAButton"
                    style="@style/scoreButton"
                    android:text="@string/goal_text" />

                <Button
                    android:id="@+id/yellowCardTeamAButton"
                    style="@style/scoreButton"
                    android:text="@string/yellow_card_text" />

                <Button
                    android:id="@+id/redCardTeamAButton"
                    style="@style/scoreButton"
                    android:text="@string/red_card_text" />

            </LinearLayout>

            <LinearLayout style="@style/teamLinearLayout">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="end"
                    android:orientation="horizontal">

                    <TextView
                        android:id="@+id/team_b_goals"
                        style="@style/goalsTextView"
                        android:layout_marginStart="8dp" />

                    <TextView
                        style="@style/teamTitleTextView"
                        android:background="@drawable/team_b_title_layers"
                        android:gravity="start"
                        android:text="@string/team_b_name" />

                </LinearLayout>

                <LinearLayout
                    style="@style/cardsLinearLayout"
                    android:layout_gravity="end">

                    <TextView
                        android:id="@+id/team_b_yellow_cards"
                        style="@style/cardTextView"
                        android:layout_marginEnd="16dp"
                        android:background="@drawable/yellow_card_layers" />

                    <TextView
                        android:id="@+id/team_b_red_cards"
                        style="@style/cardTextView"
                        android:layout_marginEnd="16dp"
                        android:background="@drawable/red_card_layers" />
                </LinearLayout>

                <Button
                    android:id="@+id/goalTeamBButton"
                    style="@style/scoreButton"
                    android:text="@string/goal_text" />

                <Button
                    android:id="@+id/yellowCardTeamBButton"
                    style="@style/scoreButton"
                    android:text="@string/yellow_card_text" />

                <Button
                    android:id="@+id/redCardTeamBButton"
                    style="@style/scoreButton"
                    android:text="@string/red_card_text" />

            </LinearLayout>
        </LinearLayout>

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="32dp"
            android:layout_marginLeft="16dp"
            android:layout_marginRight="16dp"
            android:background="@drawable/reset_bar_layers">

            <Button
                android:id="@+id/resetButton"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:layout_margin="8dp"
                android:text="@string/reset" />

        </RelativeLayout>
    </RelativeLayout>
</ScrollView>